我有一个要求,例如我想从控制器发出事件,并且事件处理程序存在于指令控制器(即子控制器)中。
请在下面找到代码:
<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,我的代码可以正常工作。但我想知道一些更好的解决方案,而不是使用上述解决方案。
我在我的项目中的一个视图中有这个场景,我有一个视图控制器和一个带有事件处理程序的指令,并从视图控制器发出事件。