kittencup/angular2-ama-cn

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

aixiaoming opened this issue · 15 comments

aixiaoming commented

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

hstarorg commented

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

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

aixiaoming commented

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

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

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

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

hstarorg commented

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

kkcode24 commented

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

aixiaoming commented

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

kkcode24 commented

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

aixiaoming commented

好的 非常感谢

hstarorg commented

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

kkcode24 commented

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

hstarorg commented

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

hstarorg commented

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

SolitaryMensch commented
SolitaryMensch commented
liuxuewei commented