Angularjs显示验证如果一个或多个值是数组中空(Angularjs show validati

我有一个angularjs 这里样品我曾经ng-repeat的

<div ng-app="Test">
    <div ng-controller="TestController">
        <div ng-repeat="str in myData">{{str.id}}. {{str.string}}</div>
        <br/> <span ng-if="myData.length > 1" style="color:red;">One or more string is empty</span>
    </div>
</div>

从阵列汲取列表。 我想说明的验证，如果有阵列中的一个或多个值PF字符串为空。 我怎样才能实现呢？

Answer 1:

可以遍历在控制器的阵列，并增加可变说count当你的字符串是空的。 在此基础上count值，你可以管理你的UI元素。

例如：在你的控制器：

    $scope.count = 0;
    for(var i = 0; i < $scope.myData.length; i++){
        if($scope.myData[i].string === ""){
            $scope.count ++;
        }
    }

在你的HTML：

    <div ng-repeat="str in myData">{{str.id}}. {{str.string}}</div>
    <br/> 
    <span ng-if="count >= 1" style="color:red;">One or more string is empty</span>
    </div>

希望能帮助到你。

Answer 2:

只是初始化$ scope.count = 0，现在您就可以执行任务.....

 <div ng-app="Test"> 
 <div ng-controller="TestController">
 <div ng-repeat="str in myData">{{str.id}}. {{str.string}} 
 <span ng-if="str.length < 1" ng-int="count=+1">
 </div>
 <br/> 
 <span ng-if="count > 1" style="color:red;">One or more string is empty</span>
 </div> 
 </div>

文章来源: Angularjs show validation if one or more value is empty in the array