首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
技术
再花
创建于2022-05-18
订阅专栏
记录工作、学习过程中总结的技术和经验
暂无订阅
共35篇文章
创建于2022-05-18
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Angular-Material中Autocomplete调用API的两种用法
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 今天遇到了一个新的需求,由于供应商下拉框中供应商的数量过多,滑动选择寻找指定供应商非常困难,于是使用能自动匹配的Input框+下拉框,在中途也遇到
Angular-Material弹窗处理API的两种方式
本文已参与「新人创作礼」活动,一起开启掘金创作之路。 Angular-Material的弹窗在我近几个月的使用中,有了一些心得和经验,故作此记录。 弹窗的使用步骤是:触发弹窗的按钮/文字 => 显示弹
Angular-Material弹窗通过参数设置按钮是否可用
今天碰到一个需求是一个弹窗,显示收货仓库并让用户确认是否发货,如果没有收货仓库则确认按钮设置为不可选中。 由于之前的弹窗只是一个显示文本+确认取消按钮的简单框,于是新增一个设置是否设置确认按钮不可选中
Angular-Material表格表尾合计的正确用法
三个月前 三个月前遇到了表格需要在表尾设置一个冻结行显示合计的需求,通过翻阅文档,当时的写法是这样的:(所有说明和介绍均留在下方《正确用法》中) 网页部分: ts部分: 由于只有四列求和,当时第一次用
Angular-Material表格中添加input框并检查整数的方法
一个功能需要在子SKU表格(行数随机)编辑对应的裁剪数量,并需要验证是否为正整数。 HTML代码如下: 其中(change)="verifyQty()"用于用户输入数字后失去焦点,对数字进行检查判断。
Angular获取十年内的年份数组函数
因为有一个功能查询只需要查询十年前到今年内的十个年份,故需要写一个函数生成一个数组。 代码如下: 这注释我写得我奶奶都看得懂!
Angular-Material的根据传值的动态弹窗,及显示默认值
思路:通过一个具有多项设置的数组传值给弹窗,使弹窗进行不同的组件组合显示,且创建一个Form表单用于弹窗传值调用API。 弹窗代码 从上往下分析一下代码核心部分的的逻辑: [formGroup]="f
调用API时避免传空值的方法
当我通过搜索栏传值调用搜索API时,如果没有值则会传一个”字段=“的值到后端,后端同事说尽量避免这样的情况,于是采用了下面的方法: 思路为在调用API之前逐步判断每个字段是否有值,如果没有值则不查询该
ng2-chart的安装和使用
NPM安装 了解ng2-chart的各类参数 chartType 设置图表的基本类型, 值可以是pipe,doughnut,bar,line,polarArea,radar或horizontalBar
Angular-Material在同一个页面的两个表格中独立各自的分页符
需要在一个页面显示两个表格,并且分页符独立控制互不影响。 Table 1 TS HTML Table 2 TS HTML
Angular11.0.0安装ngx-quill
在 https://www.npmjs.com/package/ngx-quill 中可以查到有关对应版本的说明 各个插件需要版本号完全对应上才可以正确使用,否则会报错。 Angular版本为11.0
跳出forEach循环的方式
使用some 循环体内返回true时,跳出循环 every为循环体返回false时,跳出循环 break无法跳出循环 如果写成: break只会跳出if循环体,而不会跳出forEach循环体,所以依旧
在Angular项目中导入并使用Echarts
首先在项目中安装Echarts 创建一个测试页面test-page并设置好相应权限后,在html中放置一个div并设置好id为lineChart 此处需要设置图表div的长宽才会显示 在TS文件中导入
Angular-Material在表格中插入表格
期望的效果为在表格的两列单元格中有多行显示,UI图: 其中SKU和三个数量值为一个主数组中的数组,例如数据格式如下: html中的写法: 数组名sku_data需要声明为主表格该列的列名。 子表格的数
两种跨页面传值的方式:URL和localStorage
适用场景一 在表格中进入指定订单的详情页面时,有两个个标识符为planId(计划ID)和orderId(订单ID) 此时URL设置为“组件路径/planId/orderId”的形式,两个ID需要在调用