下图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的原创文章，请关注公众号"汪子熙":