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

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

image.pngimage.png没有输入任何数据时,class为:ng-untouched ng-pristine ng-valid


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


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



image.png可以看到一大堆以refresh开头的Angular框架方法,这些就是Angular视图change detect的实现:image.pngimage.png

相关文章
|
25天前
angular生命周期钩子
angular生命周期钩子
|
11月前
|
JSON 搜索推荐 数据格式
Angular SSR 应用中 serverApp-state script 的工作原理介绍
Angular SSR 应用中 serverApp-state script 的工作原理介绍
|
12月前
|
前端开发 JavaScript UED
Angular 应用 Lazy Loading 设计概述
Angular 应用 Lazy Loading 设计概述
|
12月前
|
UED
Angular 中 Lazy Loading 的陷阱与最佳实践
Angular 中 Lazy Loading 的陷阱与最佳实践
angular16-$watch监视数据变化
angular16-$watch监视数据变化
102 0
angular16-$watch监视数据变化
|
Web App开发 开发者
Angular [(ngModel)]的ng-dirty设置时机
Angular [(ngModel)]的ng-dirty设置时机
195 0
Angular [(ngModel)]的ng-dirty设置时机
|
JavaScript 前端开发
Angular Component的加载触发时机
Angular Component的加载触发时机
101 0
Angular Component的加载触发时机
Angular jasmine如何从detectChange触发refreshView进而执行到Component的hook实现
Angular jasmine如何从detectChange触发refreshView进而执行到Component的hook实现
119 0
Angular jasmine如何从detectChange触发refreshView进而执行到Component的hook实现
|
JavaScript 前端开发
Angular routerLink指令的href属性生成逻辑
Angular routerLink指令的href属性生成逻辑
Angular routerLink指令的href属性生成逻辑