javascript - array - Angular.js. Cómo contar iteraciones ng-repeat que satisfacen el filtro personalizado

ng-repeat group by

Question

Aquí está mi código:

<div ng-show="?" ng-repeat="item in items | notEmpty">
</div>

Filtrar:

Kb.filter("notEmpty", function(){ 
  return function(input){
    var output=[];
    for(var i=0;i<input.length;i++){
      if(input[i]){
        output.push(input[i]);
      }
    }
    return output;
}});

Necesito mostrar / ocultar las repeticiones según la cantidad de elementos filtrados en el ciclo. ¿Cuál es la mejor manera de hacerlo?

Gracias

Answer 1

A partir de Angular 1.3, puede usar la siguiente sintaxis para ng-repeat :

variable in expression as alias_expression

Es decir:

<p>Number of filtered items: {{filteredItems.length}}</p>

<div ng-repeat="item in items | notEmpty as filteredItems">
 ...
</div>

Answer 2

La forma más fácil puede ser ejecutar el filtro en su controlador. Algo como esto:

function MyCtrl($scope, notEmptyFilter)
{
    //$scope.items is put into the scope somehow
    $scope.filteredItems = notEmptyFilter($scope.items);
}

Entonces tu HTML se vería así:

<div ng-show="filteredItems.length > 0" ng-repeat="item in filteredItems">
</div>

Answer 3

encontré esto

Cómo mostrar la longitud de los datos ng-repeat filtrados

que describe para obtener el conteo después de filtrar la lista

Answer 4

ng-repeat expresión ng-repeat permite asignar resultados filtrados a una variable. Se podrá acceder a esta variable desde el alcance actual para que pueda usarla en el mismo ámbito de cualquier forma que desee:

<p>Number of filtered items: {{filteredItems.length}}</p>

<div 
  ng-show="filteredItems.length > 0" 
  ng-repeat="item in filteredItems = (items | notEmpty)"
>
 {{$index}}
</div>