从外部控制器加载控制器后，AngularJS添加回调

Question

是否有可能在将控制器加载到angular中之后添加要调用的回调？ 我想从该控制器外部监听这样的事件！

我正在将我们的应用程序与现有的angular应用程序集成在一起，并且我不想修改其源文件。 为此，我需要能够使用已加载的控制器并通过自定义功能增强其作用域。 但是，许多控制器在应用程序启动时并未加载，因此我需要能够在它们加载后立即拦截它们（例如，在加载特定视图之后）并运行修改。

我怎样才能做到这一点，在不改变任何的源文件。 必须从第三方代码添加所有更改和侦听器。

示例代码：

awesome.js：

awesomeApp.controller('AwesomeController', ['$scope', function($scope) {
  $scope.awesomeFunction = function...
}]);

punyIntegration.js

(function() {
  $rootScope.$on('awesomeControllerHasBeenLoaded', function(controller) {
    controller.scope.punyFunction = function...
  });
})();

Answer 1

通过监听$viewContentLoaded事件，您可以实现这种功能。 但是，要在任何页面上而不是在特定视图上执行此操作，都必须通过$rootScope进行监听，如下所示：

$rootScope.$on("$viewContentLoaded", function($event, data) {
  //at this point the view has been loaded
  //and you have access to its scope (i.e the controller's scope)
  //via angular.element(any selector).scope()
});