条件に基づいて特定のテンプレートをロードしたいと思います。条件の値は@Input()
で検索されます。この値に基づいてアノテーションのtemplateUrl
キーの値を選択するにはどうすればよいですか?Angular 2コンポーネントで条件付きでテンプレートを読み込むことはできますか?
1
A
答えて
1
これを避け、2つの別々のコンポーネントに分割する必要があります。その場合、ngSwitchCaseを使用することができます。値に応じて、必要なコンポーネントをロードするか、同じコンポーネントを使用できますが、* ngIfで2つのhtmlブロックを追加して、必要なものを表示/非表示できます。
+0
チップをありがとう!これを避けるべき理由を説明してください。 –
+0
角度2のポイントはすべてのものを小さなコンポーネントに分け、多くのif/elseロジックで大きなコンポーネントを避けることです。 –
関連する問題
- 1. Require.jsスクリプトを条件付きで読み込むことはできますか?
- 2. Wordpressで条件付きでスタイルとスクリプトを読み込む
- 3. Luaでライブラリを条件付きで読み込むことはできますか?
- 4. Angularディレクティブを使用したテンプレートの条件付き読み込み
- 5. $ .getScript():条件付きでjsスクリプトを読み込む
- 6. 条件付きでjavascriptスクリプトを読み込む
- 7. 条件付きで.plistファイルを作成/読み込みます。
- 8. セレクタ名を動的に変更してAngular 2コンポーネントを読み込むことはできますか?
- 9. スタイルシートの条件付き読み込み
- 10. MVC6:IEの場合のみ条件付きでスクリプトを読み込むには?
- 11. 配列の値を読み込み、条件付きで返す
- 12. メディアクエリで別のテンプレートを読み込むことはできますか?
- 13. Firestoreは自己条件付きルールを読み込みます
- 14. neo4j:条件付きでCSVを正しく読み込む方法は?
- 15. MVC3 Razor:部分ビューを条件付きで読み込む方法は?
- 16. 条件付きで多型関連の読み込み
- 17. javascriptファイル内のjsのセクションを条件付きで読み込むWordpress
- 18. C++ファイルから読み込むことができず、ベクターに読み込むことができません
- 19. 条件付きでodooドメインを書き込む方法は?
- 20. 外部ページを読み込むことはできますか?
- 21. BigTable asyncから読み込むことはできますか?
- 22. Angular 2条件付きバリデータ.required?
- 23. Angular 2の条件付きバリデーション
- 24. 2つのコンポーネントを条件付きでレンダリングする方法は?
- 25. 条件付きで配列を書き込む
- 26. Angular 2 HTTPヘッダーを読むことができません。
- 27. 角2:ルート内のコンポーネントを条件付きで非同期に読み込むにはどうすればよいですか?
- 28. 画像を読み込むことができません角2
- 29. は、依存関係でagGridを読み込むことができません
- 30. 条件付きデータが正しく読み込まれない
似たような疑問があります。http://stackoverflow.com/questions/36071097/how-can-i-have-dynamic-templateurl-for-angular2-component –