Angularjs的input元素样式名称

input非必填：

Angularjs中默认会给绑定数据的 input 设置一些样式，如：

<div ng-app>
   <input type="text" ng-model="name" />
</div>

浏览页面，用调试工具，你会发现input元素默认会添加两个 class （.ng-pristine 和 .ng-valid）。

当你写入一些内容时，class名称会变成 （.ng-valid 和 .ng-dirty）。

设置input必填：

当input设置了必填属性（required）时，input的样式又会有些变化。

<div ng-app>
   <input type="text" ng-model="name" required />
</div>

填写内容前：.ng-dirty .ng-invalid .ng-invalid-required

填写内容后：.ng-dirty .ng-valid .ng-valid-required

Angularjs的input元素样式名称,布布扣,bubuko.com

Angularjs的input元素样式名称

原文：http://www.cnblogs.com/ayseeing/p/3664591.html