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

Angular 2 - How to insert variable in component

本文关键字：组件 插入 变量 Angular      更新时间：2023-09-26

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

<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()可以做你需要的。

的例子见Angular 2中带有用户点击选择组件的动态选项卡

如果您想要显示的组件数量有限，则可以选择*ngIf或ngSwitchCase。

相关文章：