Angular.js “Controller as …” + $scope.$on

Question

If i\'d like to use the \"Controller as ...\" syntax in Angular, how should I approach things like $scope.$on(...) that i need to put inside the controller?

I get a

Answer 1

Inject $scope and your controller is accessible by whatever you named it

EG:

$stateProvider
  .state('my-state', {
    ...
    controller: 'MyCtrl',
    controllerAs: 'ctrl',
    ...
  });



.controller('MyCtrl', function($scope) {
  var $this = this;
  $scope.$on('ctrl.data', function(new, old) {
    // whatevs
  });
  $timeout(function() {
    $this.data = 'changed';
  }, 1000);
});