角度確認を使用して送信ボタンをクリックするとエラーメッセージが表示されません

Question

角度フォームの検証に取り組んでいます。残りのバリデーションとは別に、フィールドに触れることなくフォームを送信すると、すべてのエラーメッセージがform.Hereで表示されるようにしたいので、名前フィールドに以下のコードを使用して、タッチしないでsubmitボタンをクリックするとnameフィールドは、名前フィールドにエラーが赤い枠で表示されなければならないが、私がplunkerを作成している

 <div class="form-group" ng-class="{ 'has-error' : myForm.name.$invalid && (myForm.submitted || myForm.name.$touched) }"> 

    <label for="UserName" style="color:#767676" class="" ng-hide="myForm.name.$invalid && (myForm.submitted || myForm.name.$touched)">Name</label> 
         <label class="error_message_text" ng-show="myForm.name.$invalid && (myForm.submitted || myForm.name.$touched)"> 
          Please enter the name 
         </label><br> 
    <input type="text" name="name" class="form-control" ng-class="" ng-model="user.name" required/> 

</div> 

working-されていないhere- https://plnkr.co/edit/33EbFu7pQuZrVyiuwNGZ?p=preview

誰もが、私は検証エラーメッセージを達成する方法を教えてもらえます送信ボタンをクリックすると赤い枠が表示されますか？

Answer 1

代わりのmyForm.submitted使用myForm.$submitted

<div class="form-group" ng-class="{ 'has-error' : myForm.name.$invalid && (myForm.$submitted || myForm.name.$touched) }"> 
    <label for="UserName" style="color:#767676" class="" ng-hide="myForm.name.$invalid && (myForm.$submitted || myForm.name.$touched)">Name</label> 
    <label class="error_message_text" ng-show="myForm.name.$invalid && (myForm.$submitted || myForm.name.$touched)"> 
     Please enter the name 
    </label><br> 
    <input type="text" name="name" class="form-control" ng-class="" ng-model="user.name" required/> 
</div>