Angular JS - NG-erforderliches Attribut funktioniert nicht

Question

Ich habe den folgenden Code geschrieben, um einen Bereich unter einem Textfeld anzuzeigen, wenn der Benutzer den vollständigen Namen nicht eingegeben hat. Aber der folgende Code funktioniert nicht. Kann irgendjemand helfen, das zu verstehen? Dank

<div class="form-group"> 
     <label for="fullName" class="col-sm-3 control-label"> Name </label> 
     <div class="col-sm-9"> 
       <input type="text" id="fullName" name="fullName" 
          class="form-control" 
       ng-model="editableEmployee.fullName" ng-required="true" /> 
       <span ng-show="editableEmployee.fullName.$error.required"> 
         Full name is required </span> 
      </div> 
    </div> 

Answer 1

fügen Sie ein Formular-Element wie diese

<form name="myForm"> 
    <div class="form-group"> 
     <label for="fullName" class="col-sm-3 control-label"> Name </label> 
     <div class="col-sm-9"> 
      <input type="text" id="fullName" name="fullName" class="form-control" ng-model="editableEmployee.fullName" ng-required="true" /> 
      <span ng-show="myForm.fullName.$error.required">Full name is required </span> 
     </div> 
    </div> 
</form> 

Answer 2

Der Fehler ist, dass ich ng-Modellwert für ng-Show verwenden. Die ng-Show Variable sollte auf Formname.FieldName bezeichnet Wo, wie die ng-Modell sollte ScopeObjectName.Variablename

Picture showing that the ng-model and ng-show are using the same name