2016-08-31 5 views
4

Angular 2コンポーネントが、配置したい場所に多くのテンプレートファイルを使用する方法はありますか? たとえば、私はログインコンポーネントを持っていて、2つの異なるデザインで私のウェブサイトに2回配置したいと思います。 テンプレートをコンポーネントに渡す方法はありますか?角2は、1つのコンポーネントが複数のテンプレートを持つことができますか?

答えて

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> 
+0

誰も私に良い答えを与えることができないので。私はこれを受け入れるようにしています。ご協力ありがとうございます。 – Maxvt

+0

これは質問に答えません。これは、同じテンプレートの一部を使用して条件付き情報を表示しています。 – Pac0

関連する問題