![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
shuye_gen
这个作者很懒,什么都没留下…
展开
-
angular之按回车执行自定义方法的实现 以及 如何去掉按回车自动执行第一个button
输入框中按回车执行自定义方法func():(keyup.enter)="func()"<input nz-input type="text" placeholder="请输入XXX" [(ngModel)]="xxx" (keyup.enter)="functionXXX()" [formControlName]="formCtrlNameXXX" />但是发现按回车之后,不仅执行了自定义的方法还执行了第一个button,解决方法:为button元素添加type="button..原创 2020-07-16 18:31:18 · 728 阅读 · 0 评论 -
angular踩坑之异步变同步和formGroup中的表单验证冲突问题
接上篇angular踩坑之初期取不到后台数据在初期化中有表单验证和异步变同步获取后台数据: /** * 初期化 */ async ngOnInit() { this.dataList = await this.http.get(environment.xxxUrl).toPromise(); this.validateForm = this.fb.group( { xxxx: [null, [this.xxxxValidator]],.原创 2020-07-14 17:16:57 · 718 阅读 · 0 评论 -
angular踩坑之初期取不到后台数据
在初期化ngOnInit()中,有如下代码: ngOnInit() { // 调用后台取数据 this.http.get(environment.xxxUrl).subscribe((data) => { this.dataList = data; }); // 使用this.dataList ... }然后发现在初期化中使用this.dataList时它里面没有数据,当在画面点击其他按钮执行到ts中的方法时,this.da原创 2020-07-14 11:30:18 · 666 阅读 · 0 评论 -
angular之根据ts中的flag 动态修改子组件样式
angular在父组件修改子组件样式使用:host ::ng-deep .className{}常在修改第三方组件样式时使用其他方式:host /deep/ .className{}其中::host 表示选择当前的组件。::ng-deep 可以忽略中间className的嵌套层级关系。直接找到你要修改的className。参考:https://www.jianshu.com/p/2361020a89b8参考:https://www.cnblogs.com/ju...原创 2020-07-13 13:25:46 · 1160 阅读 · 0 评论 -
angular踩坑之input的圆角样式
基于Ant Design of Angular 实现的input框:<nz-form-item><nz-form-label nzRequired="true" nzOffset="2">用户名</nz-form-label><nz-form-control nzSpan="10" [nzErrorTip]="userIdErrorTpl"><nz-input-group><!-- 删掉 --><input n原创 2020-07-09 15:38:14 · 821 阅读 · 0 评论 -
angular踩坑之正则表达式
需求:加班时间只能是0.5~24的数值,小数点只能是0或者5.java端正则实现:^([0](\\.[5]{1}){1})|((([1-9])|([1][0-9])|([2][0-3]))(\\.[0,5]{1})?)|(([2][4])(\\.[0]{1})?)$代码: static boolean isMatched(String target) { Pattern pattern = Pattern.compile("^([0](\\.[5]{1}){1})|((...原创 2020-07-08 18:02:35 · 832 阅读 · 0 评论