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

发布时间：2020-12-17 09:19:28 所属栏目：安全来源：网络整理

导读：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

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代码如下：

<div class="my_buttons" ng-if="noLogin">
<div class="row">
<a ng-href="#/login">登录</a>
<a ng-href="#/register">注册</a>
</div>
</div>
<div class="my_photo" ng-if="!noLogin">
<a ng-href="/#/my/{{user.id}}">
<div class="login_logo">
<img src="http://120.24.218.56/static/images/users/{{user.profilePhotoId}}" alt="">
<p ng-bind="user.username"></p>
</div>
</a>
</div>

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

 
  //个人中心 
  .state('my',{ 
  url:'/my', 
  cache:'false', 
  templateUrl:'templates/my.html', 
  controller:'MyController' 
  }) 
  
  知识点解析：缓存

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!