单页面,angular2 路由的懒加载 能实现页面共存吗
1个回答
2017-10-23
展开全部
这种单页很好实现的:
如果是Angular2:
写一个Service用来存储Tab(如果刷新后Tab还有的话,最好用localStorage)。
在原始的IFrame位置,放置路由<outlet></outlet>,Angular2用来替换为路由输出的。
上面的Tab就是一个简单数组,对应Tab标题和路由。点击后跳转到指定路由,就会根据路由配置,自动替换<outlet></outlet>的内容。
但是有一个问题就是,因为是直接替换的,所有最好保存页面状态,要不切换回来又是初始化的界面。
如果是Angular2:
写一个Service用来存储Tab(如果刷新后Tab还有的话,最好用localStorage)。
在原始的IFrame位置,放置路由<outlet></outlet>,Angular2用来替换为路由输出的。
上面的Tab就是一个简单数组,对应Tab标题和路由。点击后跳转到指定路由,就会根据路由配置,自动替换<outlet></outlet>的内容。
但是有一个问题就是,因为是直接替换的,所有最好保存页面状态,要不切换回来又是初始化的界面。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询