来自列表验证的Angular JS自定义文本框

Question

我正在从以下列表中创建动态文本框

Angular 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-required并有条件地将所有字段的required设置为true。为此，您需要在控制器中维护一个标志，并绑定您需要的ng。

控制器中的方法：

&

您的HTML：

$scope.isValue = false;

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