Angular2+如何实现管理系统标签页?

2017-12-14 15:12:09 +08:00
 RogerHzb
公司主要项目的类型就是各种管理系统,OA 系统;
一般网页布局都是>>上面标题,左边菜单栏,右边显示内容(一般都是查询条件+table 展示数据增删改查);
以前用 extjs,jq-easyui,都是用<iframe>实现标签页,像浏览器一样可以开很多个标签页,来去切换;
现在用了 Angular 反而有点难了,每一个页面是一个 component,按业务来划分模块,每个模块包含数个页面 component,每一个页面配置一个路由地址;
用 tab 页实现之后,相当于同时要显示多个 component,从原理上就跟路由矛盾了;
并且无法加载其他模块的页面,只能加载 tab 组件所在模块的页面;

求助有没有妥善解决这个需求的切实可行的方法?

-------------------------
需求可以描述为:
一、在单页应用中,动态打开几个不同的业务页面,并各自保持状态,可以增加、关闭、来回切换;(已实现)
二、保留 angular 模块的惰性加载功能;(未实现,在 tab 组件里无法实现渲染其它模块的页面,就是说目前 tab 的实现是只能有一个模块包含所有页面 component,当功能复杂的时候,首页加载缓慢将无法避免)
三、能和路由联动;(未实现,目前路由只到 tab 组件的地址)
2119 次点击
所在节点    前端开发
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/414729

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX