AngularJsのすべてのフィールドでフォームを検証する

Question

AngularJSのすべてのフィールドを検証する最適な方法は何ですか？

フォームには7つのフィールドがあり、すべて必須です。フィールドが有効でない場合、エラーメッセージを表示したり、境界線を変更したりします。

以下のアプローチを使用します。それが正しいかどうか教えてください。明日私は100のフィールドがあればどうなりますか？

if(!($scope.signInForm.email.$valid)){ 
    $scope.emailError = true; 
} 
else { 
    $scope.emailError = false; 
} 
if(!($scope.signInForm.password.$valid)){ 
    $scope.passwordError = true; 
} 
else { 
    $scope.passwordError = false; 
} 

Answer 1

あなたはドキュメントでより多くの情報を参照して、テンプレートでこれを処理することができます https://docs.angularjs.org/guide/forms

ドキュメントから

<form name="myForm" class="css-form" novalidate> 
    <div> 
    <input type="email" name="input" ng-model="email.text" required> 

    <span class="error" ng-show="myForm.input.$error.required"> 
     Required! 
    </span> 
    <span class="error" ng-show="myForm.input.$error.email"> 
     Not valid email! 
    </span> 
    </div> 
    ... 

    <!-- If you want to disable the button until all fields are filled in correctly.--> 
    <button class="btn btn-default" ng-disabled="myForm.$invalid">Login</button> 
</form> 

アレックスはそれがngMessagesに見てもよいでしょう言ったように役に立つ情報をここで見つけることができます：http://blog.thoughtram.io/2015/06/06/ng-messages-revisited.html