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. 登录
  2. 注册
  • 先说一下最终的解决方法吧,解决方法就是在路由中,进入该页面时,禁止页面缓存。代码如下:

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

    知识点解析:缓存


    你可能感兴趣的:(angular.js 路由及页面传参与缓存)