angular.js - 单页面,angular2 路由的懒加载 能实现页面共存吗
phpcn_u1582
phpcn_u1582 2017-05-15 17:08:03
[AngularJS讨论组]
  1. 想实现的效果: 点击连接,新建一个多标签页面,在这个多标签页面里面展示路由对应的页面(类似easyui的多标签)

  2. 问题: 我看网上的教程都是, 点击一个链接,会覆盖上一个链接的页面。我的内容区域 永远只有一个页面,是不是单页面应用无法实现我想要的效果

phpcn_u1582
phpcn_u1582

全部回复(2)
ringa_lee

这种单页很好实现的:

如果是Angular2

写一个Service用来存储Tab(如果刷新后Tab还有的话,最好用localStorage)。

在原始的IFrame位置,放置路由<outlet></outlet>Angular2用来替换为路由输出的。

上面的Tab就是一个简单数组,对应Tab标题和路由。点击后跳转到指定路由,就会根据路由配置,自动替换<outlet></outlet>的内容。

但是有一个问题就是,因为是直接替换的,所有最好保存页面状态,要不切换回来又是初始化的界面。

这只是一种简单的方案,更好的还是每个Tab单独分开。

高洛峰

题主,我也遇到这个问题了,请问题主解决了吗

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号