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

Question

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

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

它在表格中不起作用，因为那样会使 HTML 无效。

原文由 janispritzkau 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

ng-container 优于 template ：

 <ng-container *ngIf="expression">

看：

Angular 2 ng-容器

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

原文由 Alexander Taylor 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

您可以简单地使用 <template> 标记并将 *ngIf 替换为 [ngIf] 就像这样。

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

原文由 janispritzkau 发布，翻译遵循 CC BY-SA 3.0 许可协议