- 博客(19)
- 收藏
- 关注
RSS订阅原创 Angular 运行报错 RouterModule.forRoot() called twice.
报错原因是 forRoot() 调用了两次 检查这个属性就好了是app-routing.module 里面调用了 然后 其他模块也调用了找到其他 forRoot() 改为 forChild() 就可以了
2021-10-13 17:06:10
243
原创 ngZorro 级联菜单选择任意一项 关闭菜单
这个问题困扰了好久 网上也没有教程我用的是ng-zorro 9.3版本的在这里 具体使用 是需要用到 angular 的 父组件调用@ViewChild() 感兴趣的可以看看拿一个官网的例子吧这里是引入 组件实例 NzCascaderComponent， 下方的 cascader 为自定义的接收 字段nzChangeOnSelect 当此项为 true 时，点选每级菜单选项值都会发生变化最后调用实例上的方法this.cascader.closeMenu();调用关闭就好了
2021-09-18 13:56:24
634
1
原创 两两对应成排的 表格 样式
样式需求这种就不能用原生的表格样式 和 组件的table 来写只能用盒子去拼写下面是我写的 html css 样式是行内式 有点 乱<div *ngIf="item['COMPETENT'] && item['COMPETENT'].length>0"> <div style="margin-top: 25px;font-size: 16px;font-weight: 700;text-align: left;">考核称职律师
2021-08-05 11:39:47
148
原创 angular 打印 lodop 引入css样式
官网地址http://www.lodop.net/LodopDemo.html本机需要安装lodap综合版http://www.lodop.net/download.html下载的压缩包内部会有一个名叫lodap.js的文件自己找个位置引入修改内部代码 改为导出angular中 打印 lodop里面传入css 不能像 vue 一样可以直接引入css 这里就要用到ts 内部定义一个 样式 导出 传入 这是下面我写的一个例子html<div class="lawFirm">
2021-07-05 18:04:28
919
2
原创 angular Ng-Zrro树形控件 异步加载
这个读懂代码也挺简单的html代码<nz-tree [nzData]="nodes" nzAsyncData (nzClick)="nzEvent($event)" (nzExpandChange)="nzEvent($event)"> </nz-tree>nzExpandChange 是点击展开树节点图标触发事件nzClick 就不用介绍了吧点击之后 会返回这些eventName 就是你触发的事件名 click 和 Expand 下拉nzEvent事件的js
2021-05-22 15:49:50
582
原创 angular 触发 enter事件
这个直接绑定 (keyup.enter)=“searchTree()” 就可以了 <nz-input-group nzSearch [nzAddOnAfter]="suffixIconButton"> <input type="text" nz-input placeholder="搜索党组织名称" (keyup.enter)="searchTree()" [(ngModel)]="inputValue" /> </nz-input-group>
2021-05-21 15:50:58
771
原创 angular中的class写三元表达式 和 清空表单校验
这个写三元不像 vue 可以 :class = " …"angular写三元应该是这种 <td [ngClass]="data.properties.recheckAllowance ? 'Blue':'Blacks'">{{ data.properties.totalAllowance }}</td>[ngClass]=“data.properties.recheckAllowance ? ‘Blue’:‘Blacks’”这里面的Blue 和 Blacks 都是写好的样
2021-03-29 17:32:50
898
2
原创 NG-ZORRO 表格多选框改为单选框 （angular框架）
蚂蚁金服参照模板是这样的但是是一个多选框 （9.3版本注意，例子里面少写了一个api nzShowCheckbox 用于显示前面选框的）我的样式如下只可选中一个，其他的选框默认取消这块写的有点笨因为后端返回的数据不带 disabled，所以我用map添加了一个disabled属性 let list = res.result.data; let array = []; list.map((item, index) => { array.push(
2021-03-20 14:29:00
1437
1
原创 Angular学习个人遇见的问题分享
个人遇见的一些问题写完app-heros遇见的报错Failed to compile.src/app/app.component.html:2:1 - error NG8001: 'heroes' is not a known element:1. If 'heroes' is an Angular component, then verify that it is part of this module.2. To allow any element add 'NO_ERRORS_SCHEMA
2021-03-16 14:52:00
2704
原创 elment-ui 表格进行实时百分比计算
表格进行实时百分比计算开发中的需求和样式图因为要实时渲染，所以调用了@input事件，实时触发input框变化事件html代码<el-table-column prop="dosage" show-overflow-tooltip> <template slot="header"> 用量（kg） <i class="imported">*</i> </template> <template slot-
2021-02-06 14:35:04
1388
原创 element UI 选择器 踩的坑 获取到了value 显示不出对应的 value
获取到了value 显示不出对应的 value样式图代码获取到的数据这里直接绑定了，但是默认转换出来的是数字 ，所以最后值没有显示出来这里 v-model绑定的值改成字符串的0绑定的value是字符串的 所以v-model也得是字符串的转换一下就好了就这样解决了...
2021-01-27 18:15:47
786
原创 elment-ui文件上传详解
文件上传总有各种问题，算是给自己一个总结吧HTML <el-form-item prop="" class="form-item"> <template slot="label">上传文件:</template> <div class="form-info"> <el-popover ----弹出框设置 placement="top" width="400" trigg
2021-01-12 17:52:40
466
2
原创 对路径“C:\”的访问被拒绝
对路径“C:\”的访问被拒绝 前端写文件上传时遇见这个问题卡了好久一直以为我代码出问题了提示的这个 查看了一下网络后台是这里的问题，那就是说明，后台没有开启，文件上传地址有问题。找后端开一下地址就完美完成...
2021-01-12 16:03:38
3132
2
转载 重置表单验证 清除表单校验信息
重置表单验证 清除表单校验信息提交表单验证的时间经常遇见的一个问题 再次打开时表单验证依旧存在，这种就很烦，用户体验有点差，在使用Vant或Element UI框架时经常会遇到，再次打开表单时，原来的数据和验证信息一直保留百度的时候，方法有很多，基本都是改js文件，无意中看见一个超级简单的方法Vue给了一个特殊属性 :key ，详细可以参照vue文档，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。key 可以用于强制替换元素/组件而不是重复使用它。只需
2020-11-02 17:03:23
5956
14
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人