Angular 2 - 如何在组件中插入变量

Question

我想动态加载一个组件。所以我尝试了这种方法，但它没有奏效：

<page-{{current_page}}></page-{{current_page}}>

目前我正在使用这种方法，但效果不高：

<div *ngIf="current_page==1">
    <page-1></page-1>
</div>
<div *ngIf="current_page==2">
    <page-2></page-2>
</div>
...

Answer 1

不支持此功能。字符串插值{{}}只能用于属性 - 值和元素内容，但不能用于元素名称或属性名称。

也许ViewContainerRef.createComponent()可以做你需要的。

有关示例，请参阅Angular 2 dynamic tabs with user-click chosen components

如果您想要展示的组件有限，*ngIf或ngSwitchCase就可以了。