angularjs - 使用 ngMessage 的表单验证仅在加载时显示错误

Question

这是我的表格

我的行为很奇怪。当我的表单加载时，当页面只加载任何内容时，这将向您显示“这是必需的”错误。当我输入一些东西时，消息不会消失它只会在那里。

<form name="myForm">
  <md-input-container class="md-icon-float md-block">
  <label>{{controlObject.controlValue}}</label>
  <md-icon md-font-icon="" aria-label="{{controlObject.controlValue}}"></md-icon>
  <input type="text" ng-model="controlObject.controlAttribute" name="{{controlObject.controlId}}" ng-required="true">
  <div ng-messages="myForm.{{controlObject.controlId}}.$error" layout-align="end end" layout="column">
    <div ng-message="required" ng-if="myForm.$pristine">This is required.</div>
  </div>

我不知道我在这里做错了什么。请让我知道我该如何解决。

Answer 1

您可以使用ng-showon$dirty或$submitted

<div ng-show="myForm.{{controlObject.controlId}}.$dirty" ng-messages="myForm.{{controlObject.controlId}}.$error" layout-align="end end" layout="column"> <div ng-message="required" ng-if="myForm.$pristine">This is required.</div> </div>