扫码关注官方订阅号
想实现的效果: 点击连接,新建一个多标签页面,在这个多标签页面里面展示路由对应的页面(类似easyui的多标签)
问题: 我看网上的教程都是, 点击一个链接,会覆盖上一个链接的页面。我的内容区域 永远只有一个页面,是不是单页面应用无法实现我想要的效果
这种单页很好实现的:
如果是Angular2:
Angular2
写一个Service用来存储Tab(如果刷新后Tab还有的话,最好用localStorage)。
Service
localStorage
在原始的IFrame位置,放置路由<outlet></outlet>,Angular2用来替换为路由输出的。
IFrame
<outlet></outlet>
上面的Tab就是一个简单数组,对应Tab标题和路由。点击后跳转到指定路由,就会根据路由配置,自动替换<outlet></outlet>的内容。
但是有一个问题就是,因为是直接替换的,所有最好保存页面状态,要不切换回来又是初始化的界面。
这只是一种简单的方案,更好的还是每个Tab单独分开。
题主,我也遇到这个问题了,请问题主解决了吗
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
这种单页很好实现的:
如果是
Angular2:写一个
Service用来存储Tab(如果刷新后Tab还有的话,最好用localStorage)。在原始的
IFrame位置,放置路由<outlet></outlet>,Angular2用来替换为路由输出的。上面的Tab就是一个简单数组,对应Tab标题和路由。点击后跳转到指定路由,就会根据路由配置,自动替换
<outlet></outlet>的内容。但是有一个问题就是,因为是直接替换的,所有最好保存页面状态,要不切换回来又是初始化的界面。
这只是一种简单的方案,更好的还是每个Tab单独分开。
题主,我也遇到这个问题了,请问题主解决了吗