在哪里放置 *ngIf 指令？

Question

和

有区别吗

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

或直接

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

最佳做法是什么？

Answer 1

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

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

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