如何使用ng-container和ng-template

时间:2019-06-04 11:56:22

标签: angular angularjs-directive angular-template ng-template ng-container

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

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

很遗憾,我现在无法获取它。我在做什么错了?

这是我的ng-template:

select t.*, (t.value + tprev.value) as result
from t left join
     t tprev
     on tprev.id = t.id - 1;

在这里我要使用它:

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

1 个答案:

答案 0 :(得分:0)

我刚刚发现我无法在ng-template内嵌套ng-container。

我这样解决了:

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