angular - 如何使用 ng-container 和 ng-template

Question

如果 *ngIf 返回 true，我想提供另一个徽标。

为此，我创建了一个 ng-template 并希望在 ng-container 中显示它。

不幸的是，我现在无法得到它。我究竟做错了什么？

这是我的 ng 模板：

<ng-template *ngIf="customLogo" #customHeader>
  <ng-container *myHeader>
      <img src="{{customSrc}}}" alt="..." class="">
  </ng-container>
</ng-template>

在这里我想使用它：

<nav *navItems>
  <ng-container *ngTemplateOutlet="customHeader"></ng-container>
  <ng-container *ngFor="let bc of bcases">
      // Some other stuff..
  </ng-container>
</nav>

Answer 1

我刚刚发现我不能在 ng-template 中嵌套 ng-container。

我是这样解决的：

  <ng-container *ngIf="customLogo">
    <ng-container *myHeader>
      <img src="{{customLogoSrc}}" alt="" class="">
    </ng-container>
  </ng-container>