角形.带ng的“必需”.模型.选项
角形.带ng的“必需”.模型.选项
提问于 2015-04-21 18:22:22
我有一个有两个字段的表单：
<form name="form">
<input type="email" ng-model-options="{ updateOn: blur }" required />
<input type="password" ng-model-options="{ updateOn: blur }" required />
<div ng-show="form.password.$error.required">Password required</div>
</form>错误div总是在密码字段为空时显示--我只希望它在密码被聚焦后模糊时显示。是否有一个简单的改变，我可以启用这一点？
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-04-21 18:25:12
<div ng-show="form.password.$error.required && form.password.$dirty">Password required</div>您可以通过添加脏字段的条件来做到这一点。因此，如果场将是污物，那么只有它会显示错误。
Stack Overflow用户
发布于 2015-04-21 18:27:42
这应该可以使用$pristine属性。
<div ng-show="!form.password.$pristine && form.password.$error.required">Password required</div>如果用户尚未与控件交互，则$pristine返回true。
https://docs.angularjs.org/api/ng/type/ngModel.NgModelController
Stack Overflow用户
发布于 2015-04-21 18:33:43
您可能希望类似于$dirty (从默认值更改)或$touched (根据您的模型选项至少模糊一次，可能是您想要的)。
示例
form name="form">
<input type="email" ng-model-options="{ updateOn: blur }" required />
<input type="password" ng-model-options="{ updateOn: blur }" required />
<div ng-messages="form.password.$error" ng-if="form.password.$touched">
<div ng-message="required">Password required</div>
</div>
</form>我在这里使用ng-messages是因为它很整洁，但是您不必使用它，只需将条件添加到ng-show / ng-if中即可。
参考文献
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29780199
复制相关文章
相似问题
腾讯云开发者
