如果数组中的一个或多个值为空,Angularjs将显示验证

时间:2015-11-22 16:28:52

标签: arrays angularjs validation is-empty

我有一个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字符串为空,我想显示验证。我怎样才能实现它?

2 个答案:

答案 0 :(得分:2)

您可以在控制器中迭代数组,并在字符串为空时递增变量count。根据{{​​1}}值,您可以管理UI元素。

例如: 在你的控制器中:

count

在你的HTML中:

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

希望它有所帮助。

答案 1 :(得分:0)

刚刚初始化$ scope.count = 0现在你可以执行你的任务.....

[110/23, 5, 10, 20/23]