1
votes

Utiliser * ngif dans * ngfor selon le montant

* ngPour je vais y avoir l'index, je veux afficher des informations jusqu'à ce que la valeur soit de i est inférieure à 5 . Voici le code HTML:

<tr *ngFor="let item of Items; let i = index ;">
            <ng-container *ngIf="{{i}} > 5">

Veuillez suggérer une solution appropriée pour cela.

angular

1 commentaires

3 Réponses :

1
votes

Vous ne devez pas utiliser l'expression {{}} lors de la vérification par rapport à une variable,

<tr *ngFor="let item of Items; let i = index ;">
   <ng-container *ngIf="i > 5">

0 commentaires

0
votes

vous pouvez utiliser

<tr *ngFor="let item of Items; let i = index">
  <ng-container *ngIf="i > 5">
  </ng-container>
</tr>

<tr *ngFor="let item of items | slice:0:10; let i=index"></tr>

0 commentaires

0
votes

Vous pouvez filtrer la liste des éléments avant de la transmettre au modèle, par exemple avec un simple getter

private _allItems = [1, 2, 3 .. 1000];
get itemsForTemplate => _allItems.filter((_, index) => index < 5 && index % 2);

0 commentaires