尝试使用Angular的$broadcast
,当我测试它并使用字符串'hi',并在兄弟控制器中观察它时,它工作正常,如下所示:
//first controller
app.controller('colourKeyCtrl', colourKeyCtrl);
function colourKeyCtrl($scope, $timeout, patents, patentPhasesService) {
vm.$onInit = function() {
$scope.$broadcast('hi');
}
}
//second controller
app.controller('graphDonutCtrl', graphDonutCtrl);
function graphDonutCtrl($scope, patents, patentPhasesService, $timeout) {
$scope.$on('hi', function(event, opt){
alert('hello there')
})
}
一旦我将字符串更改为其他任何内容,例如phaseChange
,它就无法在第二个控制器中调用$on
方法。不知道为什么。我试图用$broadcast
方法包装$timeout
,但这还没有解决问题。
题
我是以错误的方式使用$broadcast
还是我的语法不正确?
.state('dashboard', {
url: '/dashboard',
views: {
'@': {
templateUrl: 'p3sweb/app/components/dashboard/views/dashboard.htm',
controller: 'dashboardCtrl',
controllerAs: '$ctrl'
},
'colourkeywidget@dashboard': {
templateUrl: 'p3sweb/app/components/dashboard/views/ui-views/colour-key-widget.htm',
controller: 'colourKeyCtrl',
controllerAs: '$ctrl'
},
'graphdonutwidget@dashboard': {
controller: 'graphDonutCtrl',
controllerAs: '$ctrl',
templateUrl: 'p3sweb/app/components/dashboard/views/ui-views/graph-donut-widget.htm',
}
}
})
$broadcast
从当前范围开始,一直到子范围。
$emit
从当前范围开始,并在范围链上升。
没有事件调度方法进入兄弟范围。你需要$emit
到父母并处理事件到$broadcast
它回来。