AngularJS controller reloading

Question

I'm running a AngularJS webapplication with ionic.

I got a headpage where I see a list of articles. When I click on this you'll get a seperate page with tabs. When i go from the headpage to a tab-page the controller loads for the first time.

$scope.selectArt = function(artikel) {
  api.setCurrItem(artikel.artnr);
  $state.go('tab.voorraad');
}

The controller is will be loaded.

app.controller('ArtikelsCtrl', function($scope, $state, $location, api, artikels) {
    console.log("loaded");
};

I have a backbutton where I can go back to the headpage. When I click on a item the selectArt function will be loaded again but the 'ArtikelsCrtl' will not be loaded again.

App.js

$stateProvider
.state('artikels', {
  url: '/artikels',
  templateUrl: 'app/artikels/artikels.html',
  controller: 'ArtikelsCtrl'
})

.state('tab', {
  url: '/tab',
  abstract: true,
  templateUrl: 'app/_shared/tabs.html'
})

.state('tab.voorraad', {
  url: '/voorraad',
  views: {
    'tab-voorraad': {
      templateUrl: 'app/voorraad/voorraad.html',
      controller: 'VoorraadCtrl'
    }
  }
})

Anyone got an idea why the controller don't load on the 2nd time? It looks like the page just hide and show up again on $state.go.

Peter Ashwell · Accepted Answer · 2015-01-20 09:59:56Z

1

Controllers are initialised once per view. When you pass the controller option you are specifying how it is constructed. Changing view leaves the controller in existence.

answered Jan 20, 2015 at 9:59

Peter Ashwell

4,3022 gold badges20 silver badges22 bronze badges

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

Comments

ali_m · Accepted Answer · 2015-01-20 10:22:03Z

1

ui.router.state.$state

$state.go(to, params, {reload : true})

I hope it can help you.

edited Jan 20, 2015 at 10:22

ali_m

74.6k28 gold badges230 silver badges314 bronze badges

answered Jan 20, 2015 at 10:01

jungere

111 bronze badge

1 Comment

JeffreyM Over a year ago

Changed to this but not working. $state.go('tab.voorraad', {}, {reload : true});

Collectives™ on Stack Overflow

AngularJS controller reloading

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related