2016-04-27 9 views
1

独自のビューを持つ他のコンポーネントにコンポーネントをロードしようとしています。ロードされるコンポーネントは、動的であり、何らかの条件に基づいています。Angular2は別のコンポーネント内でコンポーネントを動的に置き換えます

他のコンポーネントを親コンポーネントの同じ場所に置き換えることです。

例えば、私のAppComponent.html(下記)では、いくつかのイベントで他のコンポーネントに置き換えられるコンポーネントをロードしたいと思います。

AppComponent.html

<button class="button1">Button1 </button> 
<button class="button2">Button2 </button> 
<placeHolder></placeHolder> 

AppComponent.ts

@Component({ 
    selector: '...', 
    templateUrl: 'resources/app.component.html' 
}) 
export class AppComponent{ 
    //on click of the button1, I want to load component c1, and on click of button2, I want to load component c2 
} 

(C1、C2がちょうど他の成分である)

方法T oこれは何ですか?どんな助けも高く評価されます。

+0

達成しようとしていることを示すコードを追加してください。 –

+0

Günter - 一見、私はそれがたくさんの異なった話題(http://stackoverflow.com/questions/36325212/angular-2-dynamic-tabs-with-user-click-chosen-components)だと思ったあなたがDynamicComponentLoaderを使用したあなたの答えでは、私はこれを試してみるとうまくいけばそれは私にとってはうまくいくでしょう。もっと具体的な質問をしたので編集しました。これがあなたにとって理にかなってほしいと思っています。 –

+0

''タグでロードしてアンロードする場合は、DCL(DynamicComponentLoader)が適切です。 –

答えて

1

あなたは<placeHolder>タグでロードおよびアンロードする場合は、DCL(DynamicComponentLoader)は、例えば、あなた

のための正しいものを参照してくださいAngular 2 dynamic tabs with user-click chosen componentsでなければなりません。

関連する問題