AngularJS controller doesn't work after first refresh page

Question

I'm using AngularJS for my hybrid Ionic app.

My controller:

.controller('SubmitCtrl', function($scope) {
  console.log("this just work for only refreshing the page!);
});

Only for each refreshing the page, console.log works fine, but when I switch to other states, and came back to submit state (without refreshing the page), console.log doesn't work.

Any idea?

Possible duplicate of controller only initialized once even if `$stateparams` changed — Shashank Agrawal
– Shashank Agrawal, Commented Apr 8, 2016 at 14:52

Ved · Accepted Answer · 2016-04-09 08:56:47Z

4

it is bcoz Ionic cache your page. Try this

  <ion-view cache-view="false" view-title="My Title!">
      ...
    </ion-view>

or,

$stateProvider.state('myState', {
   cache: false,
   url : '/myUrl',
   templateUrl : 'my-template.html'
})

Source: http://ionicframework.com/docs/api/directive/ionNavView/

edited Apr 9, 2016 at 8:56

answered Apr 8, 2016 at 14:50

Ved

12.1k5 gold badges46 silver badges61 bronze badges

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

4 Comments

Aides Over a year ago

Is this only a feature of ui-router with ionic or does ui-router itself support this as well?

Vahid Najafi Over a year ago

@Aides this is a question for me too.

Ved Over a year ago

Yes, this feature is supported by ui-router

Vahid Najafi Over a year ago

I found this answer for angularjs (without ionic). But I haven't tested: stackoverflow.com/questions/27690834/…

liuwenzhuang · Accepted Answer · 2016-04-09 14:27:34Z

1

Though @Ved has answered this question perfectly, disable ionic view cache is not a graceful resolution. If you just want some parts of a page controller to be executed whenever you enter this page, maybe you should make use of ionic view lifecycle:

.controller('SubmitCtrl', function($scope) {
  $scope.$on('$ionicView.beforeEnter', function() {
    //code in this block will be executed every time before you enter in
    console.log("this just work for only refreshing the page!);
  });
});

More information about ionic view lifecycle, please refer http://www.gajotres.net/understanding-ionic-view-lifecycle/ and http://ionicframework.com/docs/api/directive/ionView/. Hope this will help, regards!

answered Apr 9, 2016 at 14:27

liuwenzhuang

9667 silver badges14 bronze badges

1 Comment

Vahid Najafi Over a year ago

Thank you. Your solution is also awesome.

Collectives™ on Stack Overflow

AngularJS controller doesn't work after first refresh page

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related