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