Javascript 角度2-如何在组件中插入变量

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

<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>
...

...

这不受支持。字符串插值

{}

只能用于属性值和元素内容，而不能用于元素名称或属性名称

也许

ViewContainerRef.createComponent（）

可以满足您的需要

有关示例，请参见

---

如果您想要显示的组件有限，

*ngIf

或

ngSwitchCase

是一个不错的选择。

为什么需要动态指令？