下圖name input field的實(shí)現(xiàn)：

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

沒有輸入任何數(shù)據(jù)時(shí)，class為：ng-untouched ng-pristine ng-valid

輸入數(shù)據(jù)后，class變?yōu)?#xff1a;ng-valid ng-dirty ng-touched

這些class是什么時(shí)候設(shè)置的呢？在Chrome開發(fā)者工具里選中input element，激活Break On->Attribute modifications, 然后輸入值，斷點(diǎn)即可觸發(fā)：

可以看到一大堆以refresh開頭的Angular框架方法，這些就是Angular視圖change detect的實(shí)現(xiàn)：

要獲取更多Jerry的原創(chuàng)文章，請關(guān)注公眾號"汪子熙":

總結(jié)

以上是生活随笔為你收集整理的Angular [(ngModel)]的ng-dirty设置时机的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。