在Angular 2中使用没有额外元素的ngIf

Question

ngIf没有额外的容器元素我可以使用吗？

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

它在表中不起作用,因为这会产生无效的HTML.

Answer 1

ng-container优先于template:

<ng-container *ngIf="expression">

看到:

角度2 ng容器

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

Answer 2

我找到了一种方法:https://angular.io/docs/ts/latest/guide/template-syntax.html#!# star-template.

你可以简单地使用<template>标签和替换*ngIf用[ngIf]这样的.

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