且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Angular [(ngModel)]的ng-dirty设置时机

更新时间:2022-09-13 12:46:57

Angular [(ngModel)]的ng-dirty设置时机Angular [(ngModel)]的ng-dirty设置时机没有输入任何数据时,class为:ng-untouched ng-pristine ng-valid


输入数据后,class变为:ng-valid ng-dirty ng-touched


这些class是什么时候设置的呢?在Chrome开发者工具里选中input element,激活Break On->Attribute modifications, 然后输入值,断点即可触发:



Angular [(ngModel)]的ng-dirty设置时机可以看到一大堆以refresh开头的Angular框架方法,这些就是Angular视图change detect的实现:Angular [(ngModel)]的ng-dirty设置时机Angular [(ngModel)]的ng-dirty设置时机