angularjs destroy and initialization events

Question

I am firing the destroy functions to handle destroy of controller.

    $scope.$on("$destroy", function() {
       alert(0)
    });

I have links that calls controller with stateProvider.

<a href ="#/product">products</a>
<a href ="#/categories">categories</a>

when I click products link while working on category page, destroy handler function is firing.

who is destroyed the controller scope when click another link? stateProvider or else?
how can I fire controller initialize function like destroy.

what do you mean by fire controller initialize? A controller initializes every time it is encountered. You should probably read the controller documentation — charlietfl
– charlietfl, Commented Sep 12, 2014 at 12:14

bmleite · Accepted Answer · 2014-09-12 12:22:38Z

2

The controller is destroyed internally by Angular. By "who" exactly is not really important.

If you want to run a certain function when the controller is created, then just call it directly in the controller's "body":

.controller('Ctrl', function($scope) {
  var initialize = function() {
    // do some stuff when the controller is created 
  };

  initialize();

  $scope.$on("$destroy", function() {
    alert(0)
  });
});

answered Sep 12, 2014 at 12:22

bmleite

26.9k4 gold badges74 silver badges46 bronze badges

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

1 Comment

barteloma Over a year ago

manual initialization is useful but I think angular should create an initial constructure like event.

noypi · Accepted Answer · 2014-09-12 12:24:48Z

1

a new controller gets created every route, so the old controller needs to go. and the new one comes in.
element.scope().$destroy()

answered Sep 12, 2014 at 12:24

noypi

99110 silver badges23 bronze badges

Comments

Cathal · Accepted Answer · 2014-09-12 12:10:40Z

0

when you click the product link you're moving away from the category view and it's controller. Since the controller is no longer in scope it is destroyed. I think something like routeChangeStart or routeChange success would suit you better. One is fired when the you click the link, the other is fired when you successfully navigate depending on where you want to execute the code. If you're in the category page moving to the product page the routeChangeStart code would be executed by the category ctrl and routeChangeSuccess by the product. eg in product controller:

$scope.$on( "$routeChangeStart", function(event, next, current) {
  //execute something here
});

answered Sep 12, 2014 at 12:10

Cathal

1,8001 gold badge18 silver badges32 bronze badges

Collectives™ on Stack Overflow

angularjs destroy and initialization events

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related