妥当性検証NGクラスが動作しないのはなぜですか？

私は、次のHTML入力持っている：名前name="formAddSong"と妥当性検証NGクラスが動作しないのはなぜですか？

<input type="text" name="artist" maxlength="45" 
ng-class="{'error': $scope.formAddSong.artist.$invalid && !$scope.formAddSong.artist.$pristine && $scope.formAddSong.artist.$setUntouched}" 
class="form-control" placeholder="Artist" 
ng-minlength="minlength" 
ng-model="formSong.artist[$index]" 
required autofocus>

、フォームを。

入力に触れて空にしておくと、この要素にはクラスerrorがありません。

出典

2017-02-08 Darama

変更$は$手つかずに –

をsetUntouched私は$手つかず$ 'と検証作品にsetUntouched'削除、しかしafetrすべてのフィールドがエラークラス – Darama

だけのデバッグを持っているフォームと明確なフォームを送信します。。値をチェックするために入力の後に '{{$ scope.formAddSong.artist。$ invalid}}'を追加してください。 –

この方法を試してください。

<input type="text" name="artist" maxlength="45" 
          ng-class="{'error': $scope.formAddSong.artist.$touched && $scope.formAddSong.artist.$error}" 
          class="form-control" placeholder="Artist" 
          ng-minlength="minlength" 
          ng-model="formSong.artist[$index]" 
          required autofocus />

出典

2017-02-08 13:56:19

妥当性検証NGクラスが動作しないのはなぜですか？

答えて

関連する問題