javascript - How can I make my Ionic Button refresh all ion-views. (Preferable in most just revaluate a ng-switch) - Stack Overf

admin管理员组

文章数量:1315252

in my view I have a ng-switch like:

<div ng-switch on="team.isFavorite">
    <button class="button button-energized snbutton" ng-switch-when="false" ng-click="makeTeamFavorite()">
      Show team on dashboard
    </button>
    <p class="snmsg" ng-switch-default>
      This team is shown on the dashboard
    </p>
</div>

How can I make my Ionic Button refresh all ion-views.
Preferable in most just reevaluate a ng-switch, in 1 reload EVERYTHING)

What I tried in my controller:

.controller('List-PeopleCtrl', function($ionicHistory, $state, $scope, $stateParams, Teams) {
  $scope.makeTeamFavorite = function() {
      Teams.setFavoriteId($stateParams.teamId);
      $ionicHistory.clearCache();
      $state.go($state.current);
  }
  $scope.team = Teams.get($stateParams.teamId);
  $scope.team.isFavorite = Teams.getFavoriteId()==$stateParams.teamId;
  $scope.people = Teams.members($stateParams.teamId);
})

it would invalidate all caches I guess but it didn't work anyway :D

Note

• I searched but didn't find anything to do this..
• I don't want to mark my ion view with cache=false and opt out of all caching
• I think this is ionic specific but it could be my general lack of knowledge concerning AngularJS :D
• the point is it works (without clearing the cache) when I next open the view again .. just that it isn't reloaded while looking at it

EDIT: I also tried with:

      $ionicHistory.clearCache();
      $state.go($state.current, {}, { reload: true });      

or just

      $state.go($state.current, {}, { reload: true });      

NO LUCK

in my view I have a ng-switch like:

<div ng-switch on="team.isFavorite">
    <button class="button button-energized snbutton" ng-switch-when="false" ng-click="makeTeamFavorite()">
      Show team on dashboard
    </button>
    <p class="snmsg" ng-switch-default>
      This team is shown on the dashboard
    </p>
</div>

How can I make my Ionic Button refresh all ion-views.
Preferable in most just reevaluate a ng-switch, in 1 reload EVERYTHING)

What I tried in my controller:

.controller('List-PeopleCtrl', function($ionicHistory, $state, $scope, $stateParams, Teams) {
  $scope.makeTeamFavorite = function() {
      Teams.setFavoriteId($stateParams.teamId);
      $ionicHistory.clearCache();
      $state.go($state.current);
  }
  $scope.team = Teams.get($stateParams.teamId);
  $scope.team.isFavorite = Teams.getFavoriteId()==$stateParams.teamId;
  $scope.people = Teams.members($stateParams.teamId);
})

it would invalidate all caches I guess but it didn't work anyway :D

Note

• I searched but didn't find anything to do this..
• I don't want to mark my ion view with cache=false and opt out of all caching
• I think this is ionic specific but it could be my general lack of knowledge concerning AngularJS :D
• the point is it works (without clearing the cache) when I next open the view again .. just that it isn't reloaded while looking at it

EDIT: I also tried with:

      $ionicHistory.clearCache();
      $state.go($state.current, {}, { reload: true });      

or just

      $state.go($state.current, {}, { reload: true });      

NO LUCK

• javascript
• html
• angularjs
• angular-ui-router
• ionic-framework

Share Improve this question Follow edited Jun 20, 2020 at 9:12 CommunityBot 111 silver badge asked May 17, 2015 at 19:17 Daij-DjanDaij-Djan 50.1k1717 gold badges115115 silver badges138138 bronze badges 8

• What's $ionicHistory? It's not clear what you are trying to do here – michelem Commented May 17, 2015 at 19:26
• ionicframework./docs/api/service/$ionicHistory – Daij-Djan Commented May 17, 2015 at 19:27
• I think this question is quite ionic specific but it could be my general lack of knowledge concerning angularjs :D – Daij-Djan Commented May 17, 2015 at 19:28
• I don't know ionic sorry – michelem Commented May 17, 2015 at 19:33
• Did you mean to use $ionicHistory.clearCache(); ? If you don't have () the method doesn't actually get called. – Jeremy Wilken Commented May 17, 2015 at 23:31

 |  Show 3 more ments

1 Answer 1

Sorted by: Reset to default 8 +75

This doesn't seem to be ionic specific nor ng-switch specific, but seems to be ui-router specific. If I understand correctly, you want to refresh your view when you click your button and execute some data logic on Teams. I see this here

$state.go($state.current);

However, this simply won't do it for you because since your path has not changed your controller will not re-run. However, $state.go() offers additional parameters, including one we need for just this - reload. Try the following...

$state.go($state.current, {}, { reload: true }); //second parameter is for $stateParams

This will refresh your views and re-run your controller, so you'll see this reflected in the UI. See $state.go(to [, toParams] [, options]) docs for more information

---

Furthermore, if you and others would like to see this in action I have crafted two simplistic examples. The code here is by no means best-practice driven, but is indeed self-descriptive enough to demonstrate the core issue and solution.

JSFiddle Example - working - using $state.go($state.current, {}, { reload: true });

JSFiddle Example - not working - using only $state.go($state.current);

本文标签：