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元素样式名称

上一篇:(转)了解了这些才能开始发挥jQuery的威力


下一篇:如何在微网站上设置在线客服QQ