각도 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

이 지원되지 않습니다. 문자열 보간 {{}}은 값 및 element-content에만 사용할 수 있지만 요소 이름이나 특성 이름에는 사용할 수 없습니다.

아마도 ViewContainerRef.createComponent()은 필요한 것을 할 수 있습니다. 당신은 표시 할 구성 요소의 제한된 집합이있는 경우 예를 들어

이

Angular 2 dynamic tabs with user-click chosen components를 참조 *ngIf 또는 ngSwitchCase 갈 방법입니다.