Arrays 如果数组中有一个或多个值为空，Angularjs将显示验证

我有一个angularjs，其中我使用了

ng repeat

as

<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>

{{str.id}。{{str.string}}

一个或多个字符串为空

---

从数组中绘制列表。如果数组中有一个或多个值pf string为空，我想显示一个验证。如何实现它？

您可以在控制器中迭代数组，并在字符串为空时增加一个变量，例如

count

。基于该

count

值，您可以管理UI元素

例如： 在您的控制器中：

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

$scope.count=0；
对于（变量i=0；i<$scope.myData.length；i++）{
如果（$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>

{{str.id}。{{str.string}}


一个或多个字符串为空

---

希望能有所帮助。

只需初始化$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>

{{str.id}。{{str.string}}


一个或多个字符串为空

我希望对所有值进行单一验证。请看上面接受的答案。