表单字段未添加ng-touched类，而是保留ng-pristine
这是我的表格：
<form novalidate class="css-form">
<div class="form-group clearfix">
<label class="col-xs-12 col-sm-6 col-md-4">State Code</label>
<div class="col-xs-12 col-sm-6 col-md-8">
<input type="text" class="form-control" ng-maxlength="2" ng-model="ObjectNew.stateCode" required>
</div>
</div>
<div class="clearfix"></div>
<div class="form-group clearfix">
<label class="col-xs-12 col-sm-6 col-md-4">Zip</label>
<div class="col-xs-12 col-sm-6 col-md-8">
<input type="text" class="form-control" ng-model="ObjectNew.zip" required>
</div>
</div>
<div class="clearfix"></div>
</form>
当我在inspect元素中看到时ng-pristine，即使我同时浏览了两个字段并留空，它也只在每个字段上显示类。它也显示ng-invalid，这很好。
必须实际添加样式：
.css-form input.ng-invalid.ng-touched {
background-color: #FA787E !important;
}
.css-form input.ng-valid.ng-touched {
background-color: #78FA89 !important;
}
术语pristine和touched不相似。pristine只要没有修改，输入将一直保留。它untouched，只要它没有松动的焦点-角DOC状态是ng-touched当“控制一直是模糊的”应用。
因此，可以对输入进行原始和触摸-只需单击它，然后单击其他位置而不输入任何内容即可。
它也有可能变脏且未被触摸-单击它，键入一些文本，但是不要单击其他任何地方。
要了解这一点并了解其实际工作ng-touched，请参阅此jsFiddle。
为确保其正常工作，请使用@dfsq指出的Angular 1.3。另外，使用angular-touch与您的Angular版本匹配的使用。上面的JSFiddle可以正常工作。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句