2016-12-26 8 views
1

条件に基づいて特定のテンプレートをロードしたいと思います。条件の値は@Input()で検索されます。この値に基づいてアノテーションのtemplateUrlキーの値を選択するにはどうすればよいですか?Angular 2コンポーネントで条件付きでテンプレートを読み込むことはできますか?

+1

似たような疑問があります。http://stackoverflow.com/questions/36071097/how-can-i-have-dynamic-templateurl-for-angular2-component –

答えて

1

これを避け、2つの別々のコンポーネントに分割する必要があります。その場合、ngSwitchCaseを使用することができます。値に応じて、必要なコンポーネントをロードするか、同じコンポーネントを使用できますが、* ngIfで2つのhtmlブロックを追加して、必要なものを表示/非表示できます。

+0

チップをありがとう!これを避けるべき理由を説明してください。 –

+0

角度2のポイントはすべてのものを小さなコンポーネントに分け、多くのif/elseロジックで大きなコンポーネントを避けることです。 –

関連する問題