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>

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

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