AngularJS : ng-repeat filtre lorsque la valeur est supérieure à
J'ai un simple ng-repeat qui jette de données, l'un des domaines qu'il affiche est NumberOfStamps:
<tr ng-repeat-start="list in Data.Items ">
<td><a href=" {[{list.Title}]} {[{list.ForeName}]} {[{list.SurName}]}</a></td>
<td>(Date of Birth {[{list.Dob}]})</td>
<td>{[{list.NumberOfStamps}]} stamps</td>
</tr>
Exemple de sortie:
Mr Adam Happy Date of Birth 01/6/1984 16 stamps
Mr Adam Sad Date of Birth 24/11/1975 0 stamps
Mr Adam Green Date of Birth 02/1/1963 1 stamps
Mr Adam Red Date of Birth 21/1/1951 12 stamps
Mr Adam Blue Date of Birth 28/10/1998 0 stamps
Mr Adam Brown Date of Birth 25/9/2010 0 stamps
Mr Adam Black Date of Birth 24/8/1954 21 stamps
Mr Adam Violet Date of Birth 17/5/1942 54 stamps
Comment puis-je modifier ce ng-repeat pour afficher uniquement les enregistrements où le NumberOfStams est > 0? J'ai essayé:
<tr ng-repeat-start="list in Data.Items | filter:{NumberOfStamps > 0}">
<td><a href=" {[{list.Title}]} {[{list.ForeName}]} {[{list.SurName}]}</a></td>
<td>(Date of Birth {[{list.Dob}]})</td>
<td>{[{list.NumberOfStamps}]} stamps</td>
</tr>
Résultat attendu:
Mr Adam Happy Date of Birth 01/6/1984 16 stamps
Mr Adam Green Date of Birth 02/1/1963 1 stamps
Mr Adam Red Date of Birth 21/1/1951 12 stamps
Mr Adam Black Date of Birth 24/8/1954 21 stamps
Mr Adam Violet Date of Birth 17/5/1942 54 stamps
- pouvez-vous mettre dans un plnkr ou de jouer merci
- n'est-il pas assez d'informations là-bas??
Vous devez vous connecter pour publier un commentaire.
Créer une fonction de prédicat sur le champ pertinent:
Comme premier argument, il prend un nom de propriété sur l'objet. Le deuxième argument est une valeur entière.
L'utiliser dans votre vue comme:
Démo
Vous pouvez créer un filtre avec ng-si comme ceci:
Une manière possible serait de supprimer les éléments qui ne répondent pas aux criterai du DOM à l'aide de ng-si
Parce que vous ne pouvez pas avoir un div dans un tr vous avez à ng-si la banque td séparément, ce qui n'est pas optimal si vous avez beaucoup de td
}}
Prendre un coup d'oeil à ce débordement de pile réponse. AngularJS - la structure d'un filtre personnalisé avec ng-repeat pour retourner les articles conditionnellement
il explique clairement comment créer un filtre angulaire pour une utilisation avec ng-repeat. Une fois que vous comprenez cela, vous serez en mesure de filtrer tout ce à partir d'un
ng-repeat
!