AngularJS - Ionic : execute code in controller when coming back to it

Question

I'm new in AngularJS Community and I'm developping my first app with this Framework.

I created a new controller with this code :

.controller('AccountCtrl', function($scope, $location) {
alert('test');
})

And my route :

.state('app.account', {
    url: "/account",
    views: {
      'menuContent': {
        templateUrl: "templates/account.html",
        controller: 'AccountCtrl'
      }
    }
  })

The alert popup is shown the first time I access to the controller. But, if I change URL and I come back to AccountCtrl (with a classic html a), the alert popup is not shown again.

Could somebody explain to me why ?

Thanx for your help !

That' strange, normally the controller will be instantiated every time the url changes. Are you developing with Ionic framework? In Ionic the views and controllers are cashed. You could add a listerner to the scope '$scope.$on('$ionicView.beforeEnter', myUpdateFunction'. — Stefan van de Vooren
– Stefan van de Vooren, Commented Apr 1, 2015 at 9:02
Hi Stefan, yes I'm using Ionic Framework. Where I have to add this listener ? In my controller ? — user1767541
– user1767541, Commented Apr 1, 2015 at 9:12

Stefan van de Vooren · Accepted Answer · 2015-04-01 10:30:04Z

1

In Ionic Framework views and controllers will be cached by default. You ma add a listener to the views scope to receive a notification when the view is re-active again. For more information see: http://ionicframework.com/docs/api/directive/ionView/ and http://ionicframework.com/docs/api/directive/ionNavView/

You may also disable the cache on a view <ion-view cache-view="false">

.controller('AccountCtrl', function($scope, $location) {
    $scope.$on('$ionicView.beforeEnter', function () {
            // update campaigns everytime the view becomes active
            // (on first time added to DOM and after the view becomes active after cached
        alert('test');
    });
})`

answered Apr 1, 2015 at 10:30

Stefan van de Vooren

2,78524 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

A.B · Accepted Answer · 2015-04-01 09:12:59Z

1

to reload Controller each time in ui router, use reload: true option on the .state

$stateProvider
.state('app.account', {
      url: "/account",
      reload: true //forcefully reload route and load controller again
})

answered Apr 1, 2015 at 9:12

A.B

20.5k3 gold badges43 silver badges74 bronze badges

2 Comments

user1767541 Over a year ago

Hi AB, your answer doesn't work for me :/ Is it because i'm using Ionic Framework ?

Stefan van de Vooren Over a year ago

reload is whether as state should be rebuild after a param change angular-ui.github.io/ui-router/site/#/api/…

Collectives™ on Stack Overflow

AngularJS - Ionic : execute code in controller when coming back to it

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related