AngularJS:一行JS代码实现控件验证效果(2)

ng-class:这个标签用来控制class的值。例如ng-class="{'has-success' : !createContactForm.Content.$pristine}的意思就是,如果!createContactForm.Content.$pristine的值为true,class的值就为has-success。

ng-show:控制是否显示该控件。

createContactForm.$valid:全部验证通过后,值为true,否则为false

createContactForm.Content.$valid:标识Content控件是否通过验证,通过为true,否则为false

createContactForm.Content.$pristine:标识Content控件是否从未输入过。从未输入为true,否则为false

更细节的技术问题请查看AngularJS的技术文档。

AngularJS权威教程 清晰PDF版 

希望你喜欢,并分享我的工作~带你走近AngularJS系列

带你走近AngularJS - 基本功能介绍

带你走近AngularJS - 体验指令实例

带你走近AngularJS - 创建自定义指令

如何在 AngularJS 中对控制器进行单元测试

在 AngularJS 应用中通过 JSON 文件来设置状态

AngularJS 之 Factory vs Service vs Provider

AngularJS —— 使用 ngResource、RESTful APIs 和 Spring MVC 框架提交数据

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/298cfb1fd0e9fbdfe0594336cf670c4a.html