AngularJS 之 ng-model

最新推荐文章于 2020-07-30 13:35:00 发布

原创最新推荐文章于 2020-07-30 13:35:00 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了Angular中使用ng-model指令来管理表单状态的方法，包括如何根据用户的交互情况为表单元素添加或移除特定的CSS类，如ng-empty、ng-touched等，帮助开发者更好地理解并应用这些特性。

ng-model 指令根据表单域的状态添加/移除以下类：
ng-empty
ng-not-empty
ng-touched　　　　// 布尔值属性，表示用户是否和控件进行过交互
ng-untouched
ng-valid　　　　　// 布尔型属性，它指示表单是否通过验证。如果表单当前通过验证，他将为true
ng-invalid　　　　// 未通过验证的表单
ng-dirty　　　　　// 布尔值属性，表示用户是否修改了表单。如果为 ture，表示有修改过；false 表示修没有修改过
ng-pending
ng-pristine　　　// 崭新的；未触动过的，布尔值属性，表示用户是否修改了表单。如果为ture，表示没有修改过；false表示修改过