Angular [(ngModel)]的ng-dirty设置时机
生活随笔
收集整理的這篇文章主要介紹了
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设置时机的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: excel自动生成32位随机数公式
- 下一篇: 魔兽世界怀旧服奥金幼龙怎么获得 奥金幼龙