J'ai une table et je suis en train d'itérer dans un plus d'un tableau. Dans certains scénarios, je souhaite ajouter un <tr> supplémentaire. Je cherche quelque chose comme ça:

<table>
  <tr *ngFor="let element in array">
    <td>
      some content
    </td>
  //Starting block that will only be activated if some variable is true
    </tr>
    <tr>
      <td> 
        some extra content
      </td>
 //End of the block that will only be activated if some variable is true
    </tr>
</table>

Existe-t-il un moyen de créer un html boulder qui peut l'envelopper comme ça?

Les options que j'ai essayées jusqu'à présent modifient la structure des données (tableau) afin d'inclure l'élément que je recherche, mais je ne suis pas satisfait d'avoir des données supplémentaires juste à des fins d'affichage.

3
ZanattMan 3 avril 2017 à 16:44

2 réponses

Meilleure réponse

Cela devrait faire ce que vous voulez

<table>
  <ng-container *ngFor="let element in array"
    <tr>
      <td>
        some content
      </td>
    </tr>
    <tr *ngIf="someVar">
      <td> 
        some extra content
      </td>
    </tr>
  </ng-container>
</table>
4
Günter Zöchbauer 3 avril 2017 à 13:50

La meilleure option est peut-être de travailler avec ng-repeat.

Exemple avec ng-repeat:

<table ng-controller="myCtrl">
    <tr ng-repeat="x in records">
        <td>{{x.Name}}</td>
        <td>{{x.Country}}</td>
    </tr>
</table>

Ng-repeat crée un for dans votre objet ou tableau.

Voyez si cela peut vous aider.

-4
Community 20 juin 2020 à 09:12