Ionic / AngularJS - 在视图之间保持UI状态

时间:2014-11-07 09:43:49

标签: angularjs google-maps ionic-framework hybrid-mobile-app

我在几个项目中一直使用Ionic / AngularJS,而且我总是在同一个问题上挣扎。

我使用多种显示(列表,地图)处理一些数据,当用户点击某个元素时,它会将他重定向到详细信息页面。

如果框架允许我们保持上一个视图的UI状态应该是好的,所以当用户点击详细信息页面上的后退按钮时,上一页保持无限滚动位置或谷歌地图状态。 / p>

作为一种解决方法,我的详细信息页面始终是模态,因此当用户想要返回时,模式将关闭并保留背景内容状态。然而,这不是一种理想的编码方式,因为代码更难以理解,并且有些问题发生在内存上(想象一下详细信息页面链接到另一个详细信息页面,所以你有无限打开的模态......)

有没有办法保持页面的UI状态?

为了澄清,我不是在讨论变量状态(易于存储:$ rootScope,localStorage,POST变量,cookie ......)。

TL; DR : 我有一个谷歌地图,当我点击一个标记时,它会在详细信息页面上重定向我,当我回去时,我想要恢复谷歌地图状态,我该怎么办?

1 个答案:

答案 0 :(得分:0)

我认为您可以创建一个控制器,用作其他控制器的基本控制器。您可以在此基本控制器中放入一些数据并将其注入负责Google地图及其详细信息的控制器