Come si accede ai metodi $ on, $ emit, $ broadcast con Controller come sintassi?

Question

Utilizzando $scope è facile emettere un evento o guardarne uno.

(function() { 
    "use strict"; 

    angular 
     .module("app") 
     .controller("Ctrl", [ 
      "$scope", 
      CtrlDefinition 
     ]); 

    function CtrlDefinition($scope) { 
     $scope.$on("change", listenForChange); 

     function listenForChange(data) { 
      //do something 
     } 
    } 
})(); 

Ma se provo ad usare la sintassi var vm = this, che sto avvertito che $on, $emit, e $broadcast non sono metodi di this. Come posso accedervi? Devo ancora iniettare $scope nella definizione del controller?

(function() { 
    "use strict"; 

    angular 
     .module("app") 
     .controller("Ctrl", CtrlDefinition); 

    function CtrlDefinition() { 
     var vm = this; 
     vm.$on("change", listenForChange); //$on is not a method of vm 
    } 

})(); 

Si potrebbe fare qualcosa di simile, ma non sarebbe sconfiggere lo scopo di non dover utilizzare $scope a tutti?

(function() { 
    "use strict"; 

    angular 
     .module("app") 
     .controller("Ctrl", [ 
      "$scope", 
      CtrlDefinition 
     ]); 

    function CtrlDefinition($scope) { 
     var vm = this; 
     vm.scope = $scope; 
     vm.scope.$on("change", listenForChange); 
    } 

})(); 

Come si può accedere agli osservatori con il controller come sintassi?

Answer 1

Per utilizzare tutto ciò che esiste su $scope, è necessario iniettare $scope. È sfortunatamente così semplice, che è una lacuna della sintassi "come".

La buona notizia, tuttavia, è che l'iniezione di $scope fianco this non cambia il modo il controller come funzioni di sintassi, dà semplicemente di accedere a tutta la gestione degli eventi che vive $scope.

Vale la pena notare che questo è uno dei motivi principali di ciò che sta arrivando in Angular 2.0 ... c'è un vero problema e discrepanza tra $scope e la sintassi "Controller come" che è stata imbullonata per risolvere i problemi dell'ambito in visualizzazioni.