angular - 在哪里放置 *ngIf 指令？

Question

有没有区别

<ng-container *ngIf="flag">
       <child-component></child-component>
</ng-container> 

或直接

<child-component *ngIf="flag"></child-component>

什么是最好的做法？

标签： angulardirectiveangular-ng-if

Answer 1

ng-container是一个没有被 Angular 加载到 DOM 中的指令。它的功能是将其他指令组合在一起。在这种情况下，ngIf它用于将所有依赖于同一标志的不同元素组合在一起。

<ng-container *ngIf="flag">
  <div>1</div>
  <div>2</div>
  ...
</ng-container>

如果您只有一个元素，则无需进行太多分组，您可以将其*ngIf直接放在元素上。