angular.js 路由及页面传参与缓存

http://blog.csdn.net/u013378306/article/details/53021565

http://blog.csdn.net/WenJimmy/article/details/51027952

http://www.cnblogs.com/s-quan/p/6005020.html

angular实现页面跳转，并且刷新页面（重新请求后台接口）

1、在controller中注入$state

2、语法：$state.Go("目标路由"，{}，{reload：true})

3、在目标路由（router）中配置cache:false（禁用缓存）

所以，整体工作不是很难，无非就是页面的布局，不过ionic提供了一套UI，可以很方便的布局到这个程度。

但是，当我布局好，接口也连接上以后，测试才发现有些地方有延迟，就像这样：

 

这个过程这样解释：

• 点击“我的”进入个人中心
• 我没有登录，展示的是未登录页面，点击登录
• 进入登录页面，输入用户名密码并登录成功，返回主页面
• 点击“我的”，显示的还是未登录页面！

所以现在问题出来了，在第四步的时候，应该进入的是个人页面，而非未登录状态。

html代码如下：

1. <div class="my_buttons" ng-if="noLogin">
2. <div class="row">
3. <a ng-href="#/login">登录</a>
4. <a ng-href="#/register">注册</a>
5. </div>
6. </div>
7. <div class="my_photo" ng-if="!noLogin">
8. <a ng-href="/#/my/{{user.id}}">
9. <div class="login_logo">
10. <img src="http://120.24.218.56/static/images/users/{{user.profilePhotoId}}" alt="">
11. <p ng-bind="user.username"></p>
12. </div>
13. </a>
14. </div>

先说一下最终的解决方法吧，解决方法就是在路由中，进入该页面时，禁止页面缓存。代码如下：

1. //个人中心
2. .state('my',{
3. url:'/my',
4. cache:'false',
5. templateUrl:'templates/my.html',
6. controller:'MyController'
7. })

知识点解析：缓存