Angular 2コンポーネントが、配置したい場所に多くのテンプレートファイルを使用する方法はありますか? たとえば、私はログインコンポーネントを持っていて、2つの異なるデザインで私のウェブサイトに2回配置したいと思います。 テンプレートをコンポーネントに渡す方法はありますか?角2は、1つのコンポーネントが複数のテンプレートを持つことができますか?
4
A
答えて
4
NG2にこれをサポートする組み込みの方法があるかどうかわかりません。私はちょうどhtmlテンプレートなしで、すべてまたはほとんどのロジックとデータを格納するために基本コンポーネントクラスを使用しました。その後、派生コンポーネントクラスでは、スーパー(...)を呼び出すコンストラクタを宣言し、それぞれのhtmlテンプレートを定義する必要があります。
アプリケーションが複雑な場合は、モジュールを使用してクラスをインスタンス化し、moduleId:module.idをComponent属性に宣言している可能性があります。そうしないと、NG2ランタイムはhtmlテンプレートをロードできないと訴えるかもしれません。
-5
これを行う最も簡単な方法は、あなたのテンプレートに* ngIfを使用していると思います。
<div *ngIf="template === 1"> First Template </div>
<div *ngIf="template === 2"> Second Template </div>
関連する問題
- 1. 子コンポーネントに複数の@outputを持つことはできますか?私は2つあり、1は
- 2. 複数のFilterAttributesを持つことができますか?
- 3. UnityAppControllerのサブクラスを複数持つことができますか?
- 4. 1つのXIBに2つのテーブルビューを持つことはできますか?
- 5. 2つのファイル名を持つことができますか?
- 6. 角2 QueryListのは、私が持つコンポーネントを持っている
- 7. beforeEachに複数のspyObjを持つことができます
- 8. フェイスブックインスタントアーティクル用のフィードを複数持つことができます
- 9. プロセスは複数のstdoutとstdinを持つことができますか?
- 10. 角2 - 複数の子を持つ親
- 11. 角2:複数のボタンを持つNgForm
- 12. Grails 1つのフォームは2つのアクションを持つことができますか?
- 13. モデルはCakePHPで複数のテーブルを持つことができますか?
- 14. 角度2 - 複数のコンポーネントを1つのパス状態で表示できるようにしますか?
- 15. DocuSign受信者は1つの封筒に複数のタイプを持つことができます
- 16. 2つの領域を持つことはできますか?
- 17. 2エンティティは2つのリレーションシップを持つことができます
- 18. ユーザーは複数の「ドライブ」を持つことができますか?
- 19. オペレーションは2つ以上のオペランドを持つことができますか?
- 20. 2つのレルムモジュールが同じクラスを持つことはできますか?
- 21. オブジェクトは2つの値を持つことができますか?
- 22. 複数の入力と検証を持つ角度コンポーネント
- 23. 角2:focusinとfocusoutは1つのイベントにできますか?
- 24. 私のコントロールはデフォルトで複数のテーマを持つことができます
- 25. 1つのテンプレートに2つの「param」を持っています
- 26. 角2の複数のコンポーネントを持つwebsocketデータを共有する
- 27. 同じフェーズで複数のCXFインターセプタを持つことができますか
- 28. Herokuでは、1つのアプリが複数の環境を持つことは可能ですか?
- 29. 私はasp.net mvcで複数のsite.masterファイルを持つことができます
- 30. 2つのジェネリックを持つスカラー法で、1つを推論することができます
誰も私に良い答えを与えることができないので。私はこれを受け入れるようにしています。ご協力ありがとうございます。 – Maxvt
これは質問に答えません。これは、同じテンプレートの一部を使用して条件付き情報を表示しています。 – Pac0