AngularJS masquer la table lors de la table n'a pas de ligne

Comment puis-je masquer conditionnellement un tableau HTML, lorsque la table n'a pas de ligne? Comme je suis en utilisant les filtres, je ne sais pas à l'avance si le jeu de résultats est vide ou pas.

Je suis à parcourir les lignes de la table, mais la table externe (y compris le thead) se rendait, même si il n'y a pas de lignes. Comment puis-je connaître le fonctionnement dans la longueur de la matrice résultante et utiliser cette information pour ng-show /ng-hide?

Montrer ton code s'il vous plaît.
double possible de Comment changer de classe en fonction de filtrer les résultats en AngularJS?

OriginalL'auteur JohnDoe | 2014-01-05

  1. 9

    Il existe quelques solutions, mais le meilleur dépendra de vos exigences et restrictions. Si elle n'est pas une grande application, et vous ne vous attendez pas à avoir trop d'éléments dans votre filtré tableau, la meilleure solution serait sans doute d'utiliser un ng-show avec le même filtre:

    <table ng-show="(items | filter:criteria).length">
  <tr ng-repeat="item in items | filter:criteria">...</tr>
</table>

    Mais gardez à l'esprit que votre filtre à courir à travers tous les éléments de la matrice à deux reprises, à chaque digérer cycle. Et si la performance pourrait être un problème, alors vous voudrez probablement de votre contrôleur pour digérer cette valeur pour vous et de le lier à votre portée:

    controller('YourCtrl', function($scope, $filter) {
  //$watchCollection available in version 1.1+
  $scope.$watchCollection('items', function(newVal) {
    $scope.filteredItems = $filter('filter')(newVal, $scope.criteria);
  });
});

    Et dans votre code HTML:

    <table ng-show="filteredItems.length">
  <tr ng-repeat="item in filteredItems">...</tr>
</table>
    C'est une bonne réponse, plus précisément la suggestion au sujet de faire le filtrage dans le contrôleur.
    J'ai mis mon contrôleur ici jsfiddle.net/jaL6b/1 et inclus votre solution. Mais le watchcollection n'est pas appelée. À l'aide angulaire 1.2.6
    Ok, un autre essai. Voir jsfiddle.net/jaL6b/2 : j'ai maintenant enregistrer le filtre fonctionne correctement et il est appelé. La seule chose étrange que je remarque c'est que le filtre de fonction est appelée pour chaque élément de la collection, au lieu de l'ensemble de la collection. Je pensais que cette fonction de filtre est censé renvoyer le tableau filtré.
    Les violons ne sont pas de travail, ils ont non valide code JS, peut-être que vous avez changé?
    Je vais avoir des difficultés dans la création d'un MWE, le truc est juste pour de nouveau (pour moi). Mais le filtre ne reçoit qu'un seul élément à la place du tableau. En tant que tel, il ne peut pas retourner (et réglé) le tableau comme vous l'avez suggéré.

    OriginalL'auteur Caio Cunha