AngularJS - NG-如果大量價值

Question

好傢伙，

我想一個div只有當條件的未知（即可能很大）量滿足顯示。喜歡的東西：

<div ng-if="foreach(arrayOfValues as row) row.username != ''"> nice data</div> 

因此，一旦數據被正確地填充和它的所有的情況下（這是從多個來源）數據集團出現一次。

謝謝！

Answer 1

只要做到這一點在你的控制器：

.controller('myController', function($scope){ 

    $scope.isValid = function(){ 
     for(var i = 0; i < $scope.arrayOfValues.length; i++){ 
      if($scope.arrayOfValues.username == '') return false 
     } 
     return true; 
    }) 

}) 

HTML頁面上控制器內：

<div ng-if="isValid()"> nice data</div> 

請注意，調用這樣的功能是不是最有效的，因爲它有每個摘要週期執行isValid。您的數據最好是$watch，並在範圍上設置有效性標誌。

編輯：

更妙的是，因爲你說這是隻是爲了檢查是否所有的數據加載，使用$q.all與數據請求中設置一個loaded旗範圍。

Edit2-手錶的解決方案：

.controller('myController', function($scope){ 
    $scope.loaded = false; 

    var clearWatch = $scope.$watch('arrayOfValues', function(){ 
     $scope.loaded = true 
     for(var i = 0; i < $scope.arrayOfValues.length; i++){ 
      if($scope.arrayOfValues.username == ''){ 
       $scope.loaded = false; 
       break; 
      } 
     } 
     if($scope.loaded){ 
     clearWatch(); 
     } 
    }, true) 

}) 

Answer 2

您可以使用每（）方法，並傳遞在你的範圍內定義，像這樣一個簡單的檢查功能。

<div ng-if="arrayOfValues.every(checkValues)"> nice data</div> 

在你的控制器，該功能將只檢查每個元素

$scope.checkValues = function(element) { return element; } 

這個返回truthy或falsy值。一個空字符串是虛假的，所以任何有名字的東西都會返回一個真值。這使得在這種情況下返回足夠的元素。

這裏的工作小提琴，有一個按鈕，更新名稱顯示文本

https://jsfiddle.net/5c88pte6/1/