在Angular 2中以特定顺序创建兄弟组件

时间:2017-07-01 06:12:45

标签: angular

我正在研究一个Angular 2应用程序示例,其中根组件有4个兄弟组件。

我想知道是否可以控制根组件中兄弟组件的创建顺序。

让我们说root组件包含" sibling1Component" ," sibling2Component"," sibling3Component"和" sibling4Component"组件。

我希望以下面的顺序创建兄弟组件

" sibling2Component" ," sibling4Component" ," sibling1Component" ," sibling3Component"。

希望我的问题有道理。

1 个答案:

答案 0 :(得分:2)

根据组件被调用的时间调用constructor,即首先要初始化的组件将被初始化。

例如:

HTML code:

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

在上面的代码constructor中,sibling2Component的方法将首先被调用,然后sibling1Component将被调用。 declarations数组NgModule中的顺序无关紧要。

我已经做了plnkr来证明这一点,其中<third-comp></third-comp>是第一个被调用的,尽管它已经添加到declarations数组的末尾。

所以基本上这就是你的HTML应该是这样的:

<div class="root-comp">
    <sibling2Component></sibling2Component>
    <sibling4Component></sibling4Component>
    <sibling2Component></sibling2Component>
    <sibling3Component></sibling3Component>
</div>