angular4中关于表单的校验示例(3)
2、定义样式文件
.ng-touched:not(form),.ng-invalid:not(form) { border: 1px solid #f00; } .ng-valid:not(form),.ng-untouched:not(form) { border: 1px solid #ddd; } p{ color:#f00; }
五、自定义class显示错误
1、在input输入框上写上
表示该字段无效且触碰过就添加这个class=”error”
[class.error]="myForm.get('username').invalid && myForm.get('username').touched"
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持黑区网络。