0
votes

String séparée par des virgules utilisant NGFOR avec une condition?

Je veux générer une chaîne séparée par des virgules d'un tableau.

Ceci est mes données: xxx

Voici comment je suis en boucle. je veux seulement faire boucle via action type . xxx

mais je suis resté avec une autre virgule. Comment puis-je supprimer cela?

Toute aide serait très appréciée. Merci!


0 commentaires

4 Réponses :


1
votes

Étant donné que le filtrage pour type = action se produit à l'intérieur du NGForof, le dernier élément n'est toujours pas compté, le dernier est toujours toujours faux pour votre cas.

J'ai ajouté un nouveau tableau qui est filtré sur la base de type = Action sur TypeScript et qui fonctionne pour moi. Voir l'exemple ci-dessous à Stackblitz.

https://stackblitz.com/edit/angular-dfpan


0 commentaires

3
votes

La raison en dernier n'est pas appliquée est que le dernier élément n'est pas de type "action".

comme solution, vous pouvez créer une fonction personnalisée pour filtrer d'abord les données initiales et appliquer la même logique, < / p> xxx

Demo


2 commentaires

Merci pour la réponse. Peut-il être atteint sur HTML sans fonction ni variable dans dactylographie


non vous ne pouvez pas. Vous pouvez utiliser un tuyau à la place, qui doit encore être fait avec TS



1
votes

J'utiliserais un tuyau pour ceci: xxx

puis appelez-le xxx


0 commentaires

0
votes

Vous ne pouvez pas utiliser la "dernière" liaison (qui est comme la vérification de la vérification si l'indice d'itération actuel + 1 est égal à la longueur de la matrice) avec une matrice filtrée visuellement - elle ne fonctionnera pas car l'index réel des matrices ne sera pas affecté par votre filtrage.

Vous pouvez soit filtrer le tableau avant de l'utiliser dans votre modèle: p> xxx pré>

puis, utilisez-le dans votre modèle sans filtrage p> xxx Pré>

... ou, mieux, créer un tuyau personnalisé qui filtrera la matrice et Gardez un suivi correct de la «dernière» liaison P>

Il y a Beaucoup Exemples Donc, je ne fournirai pas une autre copie ici, vous aurez juste besoin de l'utiliser comme p>

...*ngFor="let item of myArray | myFilter;let last...


0 commentaires