Angular JS - ng-required属性が機能しない

Question

ユーザーがフルネームを入力していない場合、テキストボックスの下にスパンを表示するために次のコードを記述しました。しかし、以下のコードは機能しません。どの身体もこれを理解するのに役立つでしょうか？おかげ

<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

は間違いが私がNG-ショーのためNG-モデルの値を使用していますということである。この

<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

のようなフォーム要素を追加します。 NG-ショー変数はNG-モデルがScopeObjectName.Variablename

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