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
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。