使用Angular缓存父页面数据的方法

angular做单页面应用是一个比较好的框架，但是它有一定的入门难度，对于新手来说可能会碰到很多坑，也有许多难题，大部分仔细看文档，找社区是能解决的。

但有些问题也许资料比较少，最近遇到过一个要缓存父页面的问题，就是点击进入子页后，再返回时父页面的数据要缓存下来，包括滚动条的位置。再做的过程当中查过

许多资料，都说的不很详细，今天把方法记录下来，供参考。

要想缓存，要用到嵌套路由（ui-router）：

   有三个嵌套的方法：

1. 使用“点标记法”，例如：.state('contacts.list', {})
2. 使用parent属性，指定一个父状态的名称字符串，例如：parent: 'contacts'
3. 使用parent属性，指定一个父状态对象，例如：parent: contacts（contacts 是一个状态对象

嵌套路由如有不明白的，大家可以自己去google下。

1.在路由中配置好后，在父页面中设置一个子view.

路由配置：

$stateProvider
 .state('parent', {})
 .state('parent.sub',{
  url: '/flightStatus/:time',
  views:{
   'subView':{
    templateUrl: 'sub.html',
    controller: ''
   }
  }
 }
);

2.配置好后，在父页面添加view和名字（如果只有一个ui-view,名字可以不要）

parent.html

<ui-view name="subView"></ui-view>
<!--其它html代码-->
……

3.这时由父页面进去后，子页面sub.html会加载到name为subView中

   在子页面中返回时，用angular的$window.history.back();

  注意：这里返回时父页面的controller将不在执行

进行以上配置后就可以缓存到父页面的数据了，返回时不会刷新，在进入子页面时大家最好把父页面隐藏（不隐藏是把内容高度设为100%），返回时再显示，这样避免子父页面都有输入框下，按下tab时会把父页面显示的bug

以上所述是小编给大家介绍的使用Angular缓存父页面数据的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持

# angular缓存父页面  # AngularJS中的缓存使用  # 详解Angular中$cacheFactory缓存的使用  # AngularJS在IE下取数据总是缓存问题的解决方法  # 详解AngularJS中$http缓存以及处理多个$http请求的方法  # AngularJS实现Model缓存的方式  # Angularjs在360兼容模式下取数据缓存问题的解决办法  # 是一个  # 小编  # 好后  # 都有  # 也有  # 在此  # 如有  # 设为  # 有一定  # 不明白  # 要想  # 给大家  # 要用  # 比较好  # 都说  # 只有一个  # 按下  # 点击进入  # 再做  # 所述 

相关文章： 免费视频制作网站,更新又快又好的免费电影网站？  建站之星手机一键生成：多端自适应+小程序开发快速建站指南  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  如何选择最佳自助建站系统？快速指南解析优劣  家具网站制作软件,家具厂怎么跑业务？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  如何解决ASP生成WAP建站中文乱码问题？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  浅析上传头像示例及其注意事项  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  定制建站流程步骤详解：一站式方案设计与开发指南  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  高端云建站费用究竟需要多少预算？  如何选择高效响应式自助建站源码系统？  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  网站制作免费,什么网站能看正片电影？  如何快速完成中国万网建站详细流程？  网页设计与网站制作内容,怎样注册网站？  如何在阿里云部署织梦网站？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  如何在香港免费服务器上快速搭建网站？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  如何在阿里云虚拟服务器快速搭建网站？  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  广州营销型建站服务商推荐：技术优势与SEO优化解析  如何批量查询域名的建站时间记录？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  宝塔新建站点报错如何解决？  如何用AWS免费套餐快速搭建高效网站？  常州自助建站费用包含哪些项目？  香港代理服务器配置指南：高匿IP选择、跨境加速与SEO优化技巧  制作网站的网址是什么,请问后缀为.com和.com.cn还有.cn的这三种网站是分别是什么类型的网站？  头像制作网站在线观看,除了站酷，还有哪些比较好的设计网站？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  建站之星图片链接生成指南：自助建站与智能设计教程  建站之星免费版是否永久可用？  Swift中swift中的switch 语句  专业网站建设制作报价,网页设计制作要考什么证？  制作电商网页,电商供应链怎么做？  宝塔新建站点为何无法访问？如何排查？  建站主机与虚拟主机有何区别？如何选择最优方案？  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  如何选择高效稳定的ISP建站解决方案？  建站主机选购指南：核心配置优化与品牌推荐方案  ,sp开头的版面叫什么？  简历在线制作网站免费版,如何创建个人简历？  Swift开发中switch语句值绑定模式  官网建站费用明细查询_企业建站套餐价格及收费标准指南  如何选择高性价比服务器搭建个人网站？  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？