我正在研究一个Angular 2应用程序示例,其中根组件有4个兄弟组件。
我想知道是否可以控制根组件中兄弟组件的创建顺序。
让我们说root组件包含" sibling1Component" ," sibling2Component"," sibling3Component"和" sibling4Component"组件。
我希望以下面的顺序创建兄弟组件
" sibling2Component" ," sibling4Component" ," sibling1Component" ," sibling3Component"。
希望我的问题有道理。
答案 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>