angular2 如何实现类似浏览器多窗口的效果

[aixiaoming]

http://www.zi-han.net/theme/hplus/#
类似这个网站，点击左边侧边栏，右边会有相应显示

[hstarorg]

SPA多tab页，性能会有问题；
如果不考虑路由，可以由一个tabset组件 +动态加载组件来实现多tab页。

PS：考虑路由的方案，我还在验证中~

[aixiaoming]

我考虑了路由，实现了部分功能，但有一些问题

我再点击侧边栏之后先生成一个<router-outlet></router-outlet>（我发现当页面有多个<router-outlet></router-outlet>时，会自动渲染最后一个，这样，我可以保证侧边栏的路由可以多页面显示）

但是当我点击前面的标签页时（页面中有链接，用于切换页面），他依旧会渲染最后一个，不会跳转

当然，多个<router-outlet></router-outlet>貌似是不允许的

[hstarorg]

@aixiaoming 我是考虑使用命名路由。一次性生成多个N个命名路由，通过控制显示隐藏达到多Tab效果。

[kkcode24]

@aixiaoming @hstarorg 你们有没有demo做出来，我也碰见这个问题了。暂时思路是动态加载组件到可关闭的选项卡组件中

[aixiaoming]

我并没有做到这个效果 还卡在这里

[kkcode24]

给你demo参考下，刚从群里要到的：https://github.com/jakechan2012/demo-primeng

[aixiaoming]

好的 非常感谢

[hstarorg]

@kkcode24 这种思路，和路由结合得不太好。之前想过，我的自定义挂件，是采用这种方式做的。对于tab页，我还在尝试中~

[kkcode24]

@hstarorg 好的，有结果了，交流下，给个demo更好

[hstarorg]

@kkcode24 多多沟通，争取早日搞定这一通用需求。

[hstarorg]

@kkcode24 @aixiaoming https://github.com/angular/angular/blob/4.4.1/packages/router/src/directives/router_outlet.ts 这里的代码可以有一些借鉴。

[hstarorg]

@kkcode24 @aixiaoming
我这里实现了多Tab的原型，可以参考下：http://github.com/hstarorg/ngx-modular-platform

[SolitaryMensch]

这是来自QQ邮箱的自动回复邮件。   您好，感谢您的来信，我将尽快给您回复。