Open aixiaoming opened 6 years ago
SPA多tab页,性能会有问题; 如果不考虑路由,可以由一个tabset组件 +动态加载组件来实现多tab页。
PS:考虑路由的方案,我还在验证中~
我考虑了路由,实现了部分功能,但有一些问题
我再点击侧边栏之后先生成一个<router-outlet></router-outlet>
(我发现当页面有多个<router-outlet></router-outlet>
时,会自动渲染最后一个,这样,我可以保证侧边栏的路由可以多页面显示)
但是当我点击前面的标签页时(页面中有链接,用于切换页面),他依旧会渲染最后一个,不会跳转
当然,多个<router-outlet></router-outlet>
貌似是不允许的
@aixiaoming 我是考虑使用命名路由。一次性生成多个N个命名路由,通过控制显示隐藏达到多Tab效果。
@aixiaoming @hstarorg 你们有没有demo做出来,我也碰见这个问题了。暂时思路是动态加载组件到可关闭的选项卡组件中
我并没有做到这个效果 还卡在这里
给你demo参考下,刚从群里要到的:https://github.com/jakechan2012/demo-primeng
好的 非常感谢
@kkcode24 这种思路,和路由结合得不太好。之前想过,我的自定义挂件,是采用这种方式做的。对于tab页,我还在尝试中~
@hstarorg 好的,有结果了,交流下,给个demo更好
@kkcode24 多多沟通,争取早日搞定这一通用需求。
@kkcode24 @aixiaoming https://github.com/angular/angular/blob/4.4.1/packages/router/src/directives/router_outlet.ts 这里的代码可以有一些借鉴。
@kkcode24 @aixiaoming 我这里实现了多Tab的原型,可以参考下:http://github.com/hstarorg/ngx-modular-platform
这是来自QQ邮箱的自动回复邮件。 您好,感谢您的来信,我将尽快给您回复。
这是来自QQ邮箱的自动回复邮件。 您好,感谢您的来信,我将尽快给您回复。
您好,我是刘学炜,谢谢您的邮件,我会尽快查收并回复。祝您生活愉快
http://www.zi-han.net/theme/hplus/# 类似这个网站,点击左边侧边栏,右边会有相应显示