Formularvalidierung mit ngMessage zeigt nur einen Fehler beim Laden

Question

Hier ist mein Formular

Ich bekomme seltsames Verhalten. wenn mein Formular geladen wird Dies wird Ihnen den Fehler anzeigen, dass 'Dies erforderlich ist', wenn Seite nur nichts geladen geladen wird. Wenn ich etwas eingeben werde die Nachricht nicht verschwinden Es wird nur da sein.

<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> 

Ich weiß nicht, was ich falsch hier tue. Bitte lassen Sie mich wissen, wie ich das lösen kann.

Answer 1

Sie könnten ng-show auf $dirty oder $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>