Question

是否可以将ng-template引用绑定到ng-container，就像使用if..else一样？

例如，我所拥有的是：

<section class="section_one">
  <ng-container
    *ngIf="someCondition"
    bind-template="someTemplate"
  >
  </ng-container>
</section>

...

<section class="section_two">
  <ng-container
    *ngIf="!someCondition"
    bind-template="someTemplate"
  >
  </ng-container>
</section>

...

<ng-template #someTemplate>
  ...
</ng-template>

我想知道是否有类似bind-template内置的内容。 <{1}}和ng-container的文档尚不存在。

所以，基本上，根据情况，这个模板出现在第一部分或两部分上。我知道我可以为它创建一个组件，但我不想要它，因为这个模板与当前组件完全相关。我想要的是在不同的区域显示模板中的数据，因此就是这种情况。

我可以使用ng-template上的if..else来实现它，但似乎有点奇怪，因为条件必须反转。

ng-container

Answer 1

无意中（没有具体搜索这个问题），我在这个问题上找到了与我想要的完全相同的东西：

https://angular.io/api/common/NgTemplateOutlet

这样的事情应该有效：

<section class="section_one">
  <ng-container
    *ngIf="someCondition"
    *ngTemplateOutlet="someTemplate"
  ></ng-container>
</section>

<section class="section_two">
  <ng-container
    *ngIf="!someCondition"
    *ngTemplateOutlet="someTemplate"
  ></ng-container>
</section>

<ng-template #someTemplate>
  ...
</ng-template>

将模板绑定到ng-container

1 个答案: