Angular2: 一个页面可以同时存在多个标签并显示内容吗

Question

一个页面可以同时存在多个<router-outlet>标签并显示内容吗？

项目中遇到一个存在header,左侧可收缩列表，展示区同时存在的画面

---main.component.html---
<app-header><app-header>
<div class="main">

<div class="left"><router-outlet name="main_Left"></router-outlet></div>
<div class="right"><router-outlet name="main_Right"></router-outlet></div>

</div>

---main.component.ts---
this.router.navigate([{outlets: {main_Left: 'a'}}]);
this.router.navigate([{outlets: {main_Right: 'b'}}]);

可以在画面初期化的时候同时加载main_left和mian_Right吗？应该怎么做？
我现在在app.component.ts中设置的router（main_left,main_right）是平级不是父子关系
另外，问一下，如果我在header中有一个检索条件列表，当我点击查询的时候，怎么刷新左侧列表？
我现在是在main.component.html中，加的trigger，在header.ts中用的trigger.emit([param1])调用，但是我发现参数并不能传递过去

有人可以帮助一下我吗？谢谢

Answer 1

可以啊，辅助路由
html占位符结构：

//路由输出器
<router-outlet></router-outlet>
//辅助路由输出器"aux"
<router-outlet></router-oulet name='aux'>

路由配置：

routes=[
    {path:'',component:center},//主路由显示器显示
    {path:'auxVivwe',component:auxViwe,outlet:'aux'}//辅助路由显示
    {path:'abcd',component:abcd,outlet:'aux'}//辅助路由显示

]

自己按需求替换成自己的组件噢~