2015-02-27 3 views
4
.

. Имеет функцию ng-repeat, в которой отображается 3 входных текстовых поля. Но, как представляется, правильная кнопка dosen't применяется для проверки (мне нужно включить кнопку «Сохранить», только если я заполню все три входа)Ввод текста. Проверка кода внутри ng-repeat.

<form name="myForm" novalidate> 
    <div ng-repeat="item in items"> 
    <input type="text" ng-model=item.name required class="form-control"> 
    </div> 
</form> 
<button type="button" ng-disabled="myForm.$invalid" ng-click="save()">Save</button> 

контроллер:

$scope.items=[{ 
       id:1, 
       name:VALUE1 
       },{ 
       id:2, 
       name:VALUE2 
       },{ 
       id:3, 
       name:VALUE3 
      }] 
+0

показать нам ваш полный код формы. – squiroid

+0

@squiroid отредактировал мой вопрос – forgottofly

+0

Кажется работать здесь http://jsfiddle.net/HB7LU/11317/ –

ответ

2

Ваш код кажется работает fine.Just нужно знать, что если ваша модель является пустой, то он отключит кнопку: -

<div ng-controller="MyCtrl"> 
<form name="myForm" novalidate> 
    <div ng-repeat="item in items"> 
    <input type="text" ng-model=item.name required class="form-control"> 
    </div> 
</form> 
<button type="button" ng-disabled="myForm.$invalid" ng-click="save()">Save</button> 
</div> 

function MyCtrl($scope) { 
    $scope.items=[{ 
       id:1, 
       name:"VALUE1" 
       },{ 
       id:2, 
       name:"VALUE2" 
       },{ 
       id:3, 
       name:"" 
      }] 

} 

Fiddle

Смежные вопросы