J'ai ce qui suit:
[
{
name: 'Foo',
completed: false
},
{
name: 'Ninja',
completed: true
},
{
name: 'Ninja',
completed: true
},
{
name: 'Baby',
completed: false
},
]
3 Réponses :
Qu'est-ce que DIFF entre réponse posté et votre réponse?
Comme OP dit sans écrire une ligne / fonction dans le fichier TS
Utilisation d'un tuyau de filtre dans votre {{tableau | Filtre: 'Nom': 'Ninja'}}}
angulaire permet d'interpolation {{}} ( https://angular.io/guide/displaying- Data ) en utilisant lesquels vous pouvez effectuer une large rage de fonctions que vous écririez autrement dans un fichier TS / JS.
Cependant, l'utilisation d'une interpolation pour calculer des résultats de cette manière n'est pas conseillée. C'est toujours une bonne pratique pour garder vos composants propres. Gardez la programmation limitée autant que possible des fichiers TS. Calculez la longueur dans le fichier TS et appelez le résultat en HTML.
Q: Donc, dans cet exemple, vous souhaitez que le dernier HTML affiche "4". Parce que le tableau a quatre éléments. Corriger?
2, car seulement 2 d'entre eux avaient le nom de "Ninja".
On dirait que vous souhaitez écrire la fonction et attribuer le résultat à une variable de votre .TS; puis liez-le à votre .html;)
Ou conduira au travail!
Voulez-vous afficher ce tableau entier ou juste le compte?
@Rolando ce que vous faites avec la liste dans HTML? Itération?
Pourquoi veux-tu faire cela? Tout but? Vous devrez utiliser le fichier .TS pour le faire comme l'itération JavaScript requise ici.