角度模板参考抛出错误

Question

我有两个数组变量，需要渲染相同的 html 内容。

notification = [...]
disruptionNotification = [...]

下面是我的 HTML，

  <ng-container *ngFor="let notification of notifications; let i = index">
      <ng-container *ngTemplateOutlet="notification"></ng-container>
  </ng-container>
  <ng-container *ngFor="let notification of disruptionNotification; let i = index">
      <ng-container *ngTemplateOutlet="notification"></ng-container>
  </ng-container>

  <ng-template #notification>
      <tag-notification [type]="notification.type">
      <ng-container *ngIf="notification.titleLink && notification.title; else bwcNotificationTitleOnly">
       ....
      </ng-container>
    </tag-notification>
  </ng-template>

但是渲染后，我是这个错误TypeError: templateRef.createEmbeddedView is not a function

StackBlitz 链接：https://stackblitz.com/edit/angular-bxcmrp

预期的结果应该是，

This is Title
This is Title
This is disruptionNotifications
This is disruptionNotifications

Answer 1

您在 *ngIf else 子句中引用的任何元素都不能是任意组件，但它必须是 ng-template。