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

Question

我有一个 angularjs sample here 我用 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 如果数组中有一个或多个值为空，则显示验证

Angularjs show validation if one or more value is empty in the array

arrays

validation

is-empty

angularjs