角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

这是不支持的。字符串内插只能用于property-values和元素内容，而不能用于元素名称或属性名称。

也许ViewContainerRef.createComponent()可以满足您的需要。

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

如果您想要显示的组件集合有限，那么*ngIf或ngSwitchCase就是最好的选择。