<div class="col-md-12"> <div class="card"> <div class="card-header">
<div style="width: 600px;"> <form (ngSubmit)="onSubmit()"> <div class="col-md-4"> <div class="row"> <div class="form-group"> <label for="provider">Fournisseur</label> <select class="form-control" id="provider" [(ngModel)]="provider"> <option *ngFor ="let fact of paiements" name ="provider" [value]= "fact.provider" > {{fact.provider}}</option> </select> </div> <div class="form-group col-xs-4"> <label for="statutPaiement"> Statut</label> <input type="text" class="form-control" id="statutPaiement" required [(ngModel)]="statutPaiement" name="statutPaiement" > </div> <div class="form-group"> <label for="dateEcheanceP">Date Echéance</label> <input type="text" class="form-control" id="dateEcheanceP" required [(ngModel)]="dateEcheanceP" name="dateEcheanceP" > </div> <div class="btn-group"> <button type="submit" class="btn btn-sample my-2 my-sm-0">Submit</button> </div> </div> </div> </form> </div> <table *ngFor="let paiement of paiements" class="table table-striped table-bordered" > <thead> <tr> <th>fournisseur</th> <th>Type de Paiement</th> <th>Montant Payé </th> <th>Statut</th> <th>Date Paiement </th> <th>Date Echéance </th> </tr> <tbody> <tr> <td>{{paiement.provider}} </td> <td> {{paiement.typePaiement}} </td> <td>{{paiement.montantP}}</td> <td bgcolor="#00FF00" >{{paiement.statutPaiement}}</td> <td>{{paiement.dateP}}</td> <td bgcolor="#FF0000" >{{paiement.dateEcheanceP}}</td> </tr> </tbody> </table> </div> </div> </div> i want the count the number of provider in another td !! i don't understand how to use filte sooo another simple method please !! Islem GUESMI N°tél:0753389566 guesmi.islem94 <guesmi.isle...@gmail.com>@gmail.com <guesmi.isle...@gmail.com> Le mer. 5 juin 2019 à 14:00, Sander Elias <sanderel...@gmail.com> a écrit : > Hi Himanshu, > > Use an interface to hold the types, and don't cast every row to a class. > If you need to modify something, do a .map on the dataset to clean it up. > > Regards > Sander > > -- > You received this message because you are subscribed to the Google Groups > "Angular and AngularJS discussion" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to angular+unsubscr...@googlegroups.com. > To post to this group, send email to angular@googlegroups.com. > Visit this group at https://groups.google.com/group/angular. > To view this discussion on the web visit > https://groups.google.com/d/msgid/angular/516a4325-a6ac-4856-bb06-2d8fb37ebd42%40googlegroups.com > <https://groups.google.com/d/msgid/angular/516a4325-a6ac-4856-bb06-2d8fb37ebd42%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group. To unsubscribe from this group and stop receiving emails from it, send an email to angular+unsubscr...@googlegroups.com. To post to this group, send email to angular@googlegroups.com. Visit this group at https://groups.google.com/group/angular. To view this discussion on the web visit https://groups.google.com/d/msgid/angular/CALz16eE4X_ko9_v4GAquApRvuE9y8%3Dv3Q2Z5GNYJO2SSPomgdQ%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.