2016-11-19 15 views
1

私は2つの角度2の成分、<future-todos><past-todos>を持っています。どういうわけか、次のように動的に読み込むことはできますか?セレクタ名を動的に変更してAngular 2コンポーネントを読み込むことはできますか?

component.ts

if (condition) { 
    list = 'future'; 
} else { 
    list = 'past'; 
} 

component.html

<{{list}}-todos></{{list}}-todos> 

私の実際の状況はより複雑である、と私は私を示す。この例を簡素化するためのコードの多くを省略しましたニーズ。

+0

は、[このをお見逃しなく

<div [ngSwitch]="list"> <div *ngSwitchCase="future"> <future-todos></future-todos> </div> <div *ngSwitchCase="past"> <past-todos></past-todos> </div> <div *ngSwitchDefault>Unrecognized list type</div> </div> 

を忘れてはいけませんどうやって動的なテンプレートを使って動的なComponentをAngular 2.0でコンパイルできますか?](http://stackoverflow.com/q/38888008/1679310) –

答えて

1

短い答え:いいえ。

しかしNgSwitchはこの場合に使用することができます。

HTML:デフォルトのタイプ

関連する問題