angularjs - 从父控制器发出的调用指令事件处理程序

Question

我有一个要求，例如我想从控制器发出事件，并且事件处理程序存在于指令控制器（即子控制器）中。

请在下面找到代码：

<div ng-app="myApp" ng-controller="appController">
   <div test></div>
</div>


/* Fiddle to call views directive event from the view controller */

var app = angular.module('myApp', []);

app.controller('appController', function ($scope, $timeout) {
console.log('Inside Controller');

// If timeout is removed test-event handler will not be called as test controller is not yet executed by the time event was raised

  //$timeout(function () {
    $scope.$broadcast('test-event');
  //});
});

app.directive('test', function () {
   return {
      restrict: 'A',
      controller: function ($scope) {
          console.log("Inside test directive controller");
          $scope.$on('test-event', function () {
              console.log("Test event fired");
          });
      }
   };
});

如果我在上面的代码中取消注释 $timeout，我的代码可以正常工作。但我想知道一些更好的解决方案，而不是使用上述解决方案。

我在我的项目中的一个视图中有这个场景，我有一个视图控制器和一个带有事件处理程序的指令，并从视图控制器发出事件。