javascript — угловые сообщения ng показывают ошибки в форме повторения ng

Угловые сообщения NG показывают ошибки в форме повторения NG

NgMessage похож на случай переключателя, вам нужно передать правильную группу для обнаружения ошибки, когда вы создаете форму в угловом формате, он оборачивает форму именем формы и именем ваших входных данных, например:

 {amp}lt;form name="myForm"{amp}gt; {amp}lt;input name="myInput"{amp}gt; {amp}lt;input name="myInput2"{amp}gt; {amp}lt;input name="myInput3"{amp}gt; {amp}lt;/form{amp}gt; 

Оберните что-то вроде этого с соответствующей ошибкой $ каждый:

 myform = { myInput: { $error:{ //... } }, myInput2: { //... }, myInput3:{ //... }, //... } 

Вы используете имя формы и не содержат реальной ошибки каждого элемента (содержит массив со всеми релевантными данными каждой ошибки), вы должны использовать имя входных имен, как этот plunkr:

http://plnkr.co/edit/I43HTQeWZS85N55hXGfF?p=preview

HTML:

 {amp}lt;form name="setPlayersForm"{amp}gt; {amp}lt;div ng-repeat="player in players track by $index" class="name-input"{amp}gt; {amp}lt;div ng-init="player.form_name='player' player.id" {amp}gt;{amp}lt;/div{amp}gt; {amp}lt;input type="text" placeholder="Your Name" ng-model="player.name" name="{{player.form_name}}" required/{amp}gt; {amp}lt;ng-messages for="setPlayersForm[player.form_name].$error" ng-if="setPlayersForm[player.form_name].$touched"{amp}gt; {amp}lt;ng-message when="required" class="alert-box alert"{amp}gt;This field is required{amp}lt;/ng-message{amp}gt; {amp}lt;/ng-messages{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/form{amp}gt; 

JS:

 var app = angular.module('plunker', ['ngMessages']); app.controller('MainCtrl', function($scope) { $scope.players = [{ name: "jhon", id:1 }, { name: "jhon1", id:2 }, { name: "jhon2", id:3 }, { name: "jhon3", id:4 } ]; }); 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector