2017-07-01 23 views
1

私は、ルートコンポーネントに4つの兄弟コンポーネントがあるサンプルAngular 2アプリケーションを作成しています。角度2の特定の順序での兄弟コンポーネントの作成

ルートコンポーネント内の兄弟コンポーネントの作成順序を制御できるかどうかを知りたいと思います。

「sibling1Component」、「sibling2Component」、「sibling3Component」、および「sibling4Component」コンポーネントがルートコンポーネントに含まれているとします。

私は兄弟要素が順番

"sibling2Component"、 "sibling4Component"、 "sibling1Component"、 "sibling3Component" の下で作成されたいです。

私の質問は理にかなっています。

+0

? – Dhyey

+0

はい、それは正しいです – refactor

+0

どのように結果のhtmlのようになりますか?コンポーネントを動的に作成しますか? –

答えて

2

constructorは、コンポーネントが呼び出されたとき、つまり最初にレンダリングされるコンポーネントが最初に初期化されるときに呼び出されます。

例:上記のコードで

<div class="root-comp"> 
    <sibling2Component></sibling2Component> 
    <sibling1Component></sibling1Component> 
</div> 

sibling2Componentconstructor方法は、最初に呼び出され、その後sibling1Componentが呼び出される。

HTMLコード。 declarationsの配列はNgModuleの配列は関係ありません。

私はplnkrを作成しました。ここで<third-comp></third-comp>declarations配列の末尾に追加されていますが、最初に呼び出されます。

だから、基本的にこれはあなたのHTMLがどのように見えるかです:コンストラクタ関数が呼び出されたときにuは右、意味の作成により

<div class="root-comp"> 
    <sibling2Component></sibling2Component> 
    <sibling4Component></sibling4Component> 
    <sibling2Component></sibling2Component> 
    <sibling3Component></sibling3Component> 
</div> 
関連する問題