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>