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是要走的路。