Angular2 Использовать ngIf без дополнительного элемента

Question

Могу ли я использовать ngIf без дополнительного элемента контейнера?

<tr *ngFor="..."> 
    <div *ngIf="..."> 
    ... 
    </div> 
    <div *ngIf="!..."> 
    ... 
    </div> 
    .. 
</tr> 

Это не работает с таблицей, когда я добавляю divs.

Answer 1

ng-container предпочтительнее template:

<ng-container *ngIf="expression"> 

См:

Angular 2 ng-container

https://github.com/angular/angular.io/issues/2303

Answer 2

Вы не можете поместить div непосредственно внутри tr, что сделало бы недействительным HTML. tr может содержать только td/th/table Элемент в нем & В них могут быть другие элементы HTML.

Вы можете немного изменить HTML, чтобы иметь *ngFor над tbody & имеют ngIf над tr сам по себе, как показано ниже.

<tbody *ngFor="..."> 
    <tr *ngIf="..."> 
    ... 
    </tr> 
    <tr *ngIf="!..."> 
    ... 
    </tr> 
    .. 
</tbody> 

Answer 3

Я нашел способ для этого: https://angular.io/docs/ts/latest/guide/template-syntax.html#!#star-template.

Вы можете просто использовать тег <template> и заменить *ngIf на [ngIf] вот так.

<template [ngIf]="..."> 
    ... 
</template>