角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が進むべき道である参照してください。