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

一个页面可以同时存在多个<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])调用,但是我发现参数并不能传递过去

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


尚方宝剑之说
浏览 557回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5