J'ai un projet angulaire où j'ai une table que je suis renseignée à partir d'une API.
Dans le tableau, il y a un statut de colonne avec trois valeurs: 1- ouvert, 2- libéré, 3- rejeté.
affiché avec,
Comment puis-je faire de la création d'un tel tuyau et s'agit-il de la meilleure solution? Je suis NEWBIE EN NG7. En cas de clarification, laissez-moi savoir ... veuillez pardonner ma grammaire. Modifier
mon tableau de bord.component.html mon tableau de bord.component.ts 3 Réponses : Essayez ceci (SearchPipe.Pipe.ts)
Pourquoi ai-je besoin de tolowercase ()?
@Kelvincayman, il s'agit d'un tuyau de filtre générique, vous pouvez utiliser par exemple avec Textfield (Entrée de recherche), la valeur du champ de texte peut donc être "ouverte", "Ouvrir", "Ouvrir" ... etc.
Merci @ghal Ahmed. Mais je veux afficher seulement le statut 1 ... ne pas rechercher. Veuillez créer 1 fonction comme FilterStatusData (filterstatus) qui a appelé après API avoir une réponse.
dans FilterStatusData Modifier les données à l'aide de la boucle. Vous pouvez le réparer sans utiliser de tuyau (Dashboard1Component) {{weighing_period.status}}
Voici la photo de la table
Image
Ce que je veux, c'est un tuyau d'affichage d'un seul statut. E.g Seulement 1- Open
2 commentaires
0
votes
<table class="table">
<thead>
<th>Mitarbeiter</th>
<th>Einsatz</th>
<th>Eingangsdatum</th>
<th>Zeitraum</th>
<th>Status</th>
</thead>
<tr *ngFor="let working_period of customers | searchFilter:'open'"> ......
<td>{{working_period.status}}</td>
</tr>
</table>
3 commentaires
0
votes
0 commentaires
0
votes
this.customers = customers.working_periods.filter(res=>res.status==='open');
0 commentaires
Nous devons voir le code et la structure de données que vous travaillez avec les meilleurs concepts de sortie.
@Benracicot, je viens de mettre à jour