ngIf用于关闭/打开标签

Question

I have a table and I'm iterating in a over an array. In some scenarios, I'll want to add an extra <tr> . I'm looking for something like this:

<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>

Is there a way to create a boulder html that can wrap it like this?

The options I've tried so far are changing the data structure (array) so it include the element I'm looking for but I'm not pleased with having extra data there just for displaying purpose.

Answer 1

This should do what you want

<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>

Answer 2

Perhaps the best option is to work with ng-repeat .

Example with ng-repeat:

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

Ng-repeat makes a for in your object or array.

See if this can help you.