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

下图name input field的实现：

<label>name:<input [(ngModel)]="hero.name" placeholder="name"/></label>

没有输入任何数据时，class为：ng-untouched ng-pristine ng-valid

输入数据后，class变为：ng-valid ng-dirty ng-touched

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

可以看到一大堆以refresh开头的Angular框架方法，这些就是Angular视图change detect的实现：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

总结

以上是生活随笔为你收集整理的Angular [(ngModel)]的ng-dirty设置时机的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。