Угловая JS пользовательские текстовое поле из проверки списка

Question

Я создания динамических текстовых полей из списка, как следующие

Угловые JS

$scope.phonenumbers = [{text: ''},{text: ''},{text: ''}]; 

HTML Часть

<div class="relativeWrap" ng-repeat="phone in phonenumbers"> 
    <input placeholder="Phone Number" pattern="[0-9]{10}" ng-maxlength="10" maxlength="10" type="text" class="form-control input-text phone_number" name="phonenumber[]" ng-model="phone.text" > 
</div> 

Теперь мне нужно проведут следующую проверку в форме

1. Любое одно из следующих 3 текстовых полей является обязательным. Я положил required, но он валидирует все.

Пожалуйста, помогите

Answer 1

Вам нужно будет использовать нг-требуется, и условно установить требуется верно для всех поле только тогда, когда ни одно из полей не имеет значения. Для этого вам нужно будет поддерживать флаг в контроллере и привязать его к вашему ng-обязательству.

Метод в контроллере:

$scope.isValue = false; 

$scope.textChange = function(){ 
    $scope.isNoValue = $scope.phonenumbers.some(function(item)){ 
      return item.text; 
    } 
} 

Ваш HTML:

<div class="relativeWrap" ng-repeat="phone in phonenumbers"> 
    <input placeholder="Phone Number" pattern="[0-9]{10}" ng-maxlength="10" maxlength="10" type="text" class="form-control input-text phone_number" name="phonenumber[]" ng-model="phone.text" ng-required="!isValue" ng-change="textChange"> 
</div>