ionic:在不使用window.location.reload()的情况下加载div

时间:2015-08-25 16:53:05

标签: javascript angularjs local-storage ionic

我使用离子开发移动应用程序。当有人认证时,我使用localStorage在本地保存他的数据并在div中显示这些信息。但是当另一个人想要在他之后进行身份验证时,div包含旧信息。新数据显示我是否使用刷新页面window.location.reload()

我想在不刷新页面的情况下显示新数据!!

 <div class="bloc" id="bloc">
         <h2>{{nom}}  {{prenom}}</h2>
         <p>login : {{login}} </p>
         <p>password : {{pass}} </p><br>
         <button class="button icon-right ion-edit  button-royal rightSide" ng-click="modifier()" id="activateB">Modifier</button>
   </div>

我的控制员:

.controller('ConfigController',['$scope','$http','$state','sharedProperties',function($scope,$http,$state,sharedProperties){

     $scope.init=function() {

       document.getElementById('formulaire').style.display = 'none';
        var data = JSON.parse(window.localStorage['user'] || '{}');      
        $scope.idpersonne=data['id'];
        $scope.nom=data['nom'];
        $scope.prenom=data['prenom'];
        $scope.login=data['login'];
        $scope.pass=data['pass'];
        $scope.admin=data['admin'];
     }
}])

1 个答案:

答案 0 :(得分:0)

用户注销时,必须在控制器中运行$ionicHistory.clearCache();。这将清除用户的所有视图缓存。 cache-view="false"不清除缓存,它会禁用缓存。从未实现具有cache-view="false"视图缓存的方法,每次都加载控制器和视图。阅读$ionicHistory

的文件

如果要为某些特定视图禁用缓存视图,请使用cache-view中的<ion-view>属性。

您还可以从此类路由中禁用或启用缓存

.state('example', {
      url: '/example',
      cache: false,
      templateUrl: 'templates/example.html',
      controller: 'exampleCtrl'
})