Verwenden Sie ng-Nachricht mit ng-requried

Question

Ich habe ein Formular, das eine Radio-Eingabe überprüft. Die Funkeingabe ist erforderlich (Der Benutzer muss eines der Funkfelder auswählen, bevor er auf die Senden-Schaltfläche klickt). Ich benutze das für den ng-Eingang im Radio.

Der Radioeingang sieht so etwas wie diese:

<input type="radio" name="myRadio" value="1" ng-model="theModel" ng-required="!theModel"> 
<input type="radio" name="myRadio" value="2" ng-model="theModel" ng-required="!theModel"> 
<input type="radio" name="myRadio" value="3" ng-model="theModel" ng-required="!theModel"> 

ich eine Nachricht in meiner Form angezeigt werden soll, sobald der Benutzer sendet. Ich benutze dafür die ng-Nachricht-Direktive. Ich benutze es auf diese Weise:

<div class="msg-error-input" ng-if="!theModel" ng-messages="myForm.myRadio" role="alert"> 
    <div class="icon my-icon" ng-message="required"> 
     It has to show an error here. But this doesn't seem to work ! It seems that there's no link between the ng-message='required' and the ng-required.. 
    </div> 
</div> 

Answer 1

ich beschlossen, dass, indem Sie:

<form name="myForm" id="myForm"> 
<input type="radio" name="myRadio" value="1" ng-model="theModel" ng-required="!theModel"> 
<input type="radio" name="myRadio" value="2" ng-model="theModel" ng-required="!theModel"> 
<input type="radio" name="myRadio" value="3" ng-model="theModel" ng-required="!theModel"> 
<div class="msg-error-input" ng-if="!theModel && submitted" ng-messages="myForm.myRadio" role="alert"> 
    <div class="icon my-icon" ng-message="required"> 
     It has to show an error here. But this doesn't seem to work ! It seems that there's no link between the ng-message='required' and the ng-required.. 
    </div> 
</div> 
<button type="submit" data-ng-click="submitted"/> 
</form> 

(ich sah, dass die ng vorgelegt wurde meine Form nicht hinzugefügt, so fügte ich eine Variable auf Klick eingereicht)