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

时间:2022-07-23
本文章向大家介绍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的实现：

随机文章
Javascript知识点必读
最近更新