指令根据表单域的状态添加/移除以下类: ng-empty ng-not-empty ng-touched ng-untouched ng-valid ng-invalid ng-dirty ng-pending ng-pristine
important; } input .ng-pristine { color: #808080; border-bottom...important; } input .ng-pristine { color: #808080; border-bottom
ng-untouched ng-valid ng-invalid ng-dirty ng-pending ng-pristine
状态 为 true 时的类 为 false 时的类 控件已经被访问过 ng-touched ng-untouched 控件值已经变化 ng-dirty ng-pristine 控件值是有效的 ng-valid
元素提供了 CSS 类:ng-empty、ng-not-empty、ng-touched、ng-untouched、ng-valid、 ng-invalid、ng-dirty、ng-pending、ng-pristine
important; } input .ng-pristine { color: #808080; border-bottom
ng-empty ng-not-empty ng-touched ng-untouched ng-valid ng-invalid ng-dirty ng-pending ng-pristine
ng-valid-[key]: 由$setValidity添加的所有验证通过的值 ng-invalid-[key]: 由$setValidity添加的所有验证失败的值 ng-pristine
这些class是: .ng-pristine {} .ng-dirty {} .ng-valid {} .ng-invalid {} 这些class对应着其对应的验证对象的结果。
.ng-pristine { } .ng-dirty { } .ng-valid { } .ng-invalid { } 这些class对应着其对应的验证对象的结果
三、一些有用的CSS样式 同时,ng针对这几种验证指令,针对性的设置了一些css样式 它们包括: .ng-valid { } .ng-invalid { } .ng-pristine
sTilte" onkeyup="searchModule.queryBefore()" class="ng-pristine
指令通过更新控件的 css 类,达到反映控件状态的目的 状态 发生时的 css 类 没发生的 css 类 控件被访问 ng-touched ng-untouched 控件的值发生变化 ng-dirty ng-pristine
验证通过 ng-invalid 验证失败 ng-dirty 值改变的时候 ng-pending 任何为满足 $asyncValidators 的情况 ng-pristine
领取专属 10元无门槛券
手把手带您无忧上云