[英]$rootScope.$broadcast Issue
我正在尝试发送广播事件。 因此,这是我需要的文件:
的HTML:
<ion-list>
<ion-item ng-repeat="item in items" ng-click="selectItem(item)" href="#/app/item/{{item.id}}">
{{item.name}}
</ion-item>
</ion-list>
因此,当我单击一个项目时,将在控制器上调用selectItem(item)
:
controllers.js:
.controller('SelectItemCtrl', function($rootScope, $scope) {
$scope.items = // define my items list;
$scope.selectItem = function(selectedItem) {
console.log("Item was selected");
$rootScope.$broadcast('new-selected-item', {selectedItem});
console.log('Message sent');
}
})
.controller('DetailItemCtrl', function($rootScope, $scope) {
console.log('DetailItemCtrl started');
$scope.$on('new-selected-item', function(event, args) {
console.log(Message received);
console.log(args);
}
});
当然,我的app.js将网址链接到控制器:
app.js:
.state('app.item-detail', {
url: '/item/:itemId',
views: {
'menuContent': {
templateUrl: 'templates/detail.html',
controller: 'DetailItemCtrl'
}
}
})
因此,当我选择一个项目时,我的控制台日志是:
Message sent
DetailItemCtrl
我不知道为什么我不能参加这个活动。
触发ng-click时,控制器不再处于活动状态,因此不会触发从它调用的任何操作(selectItem(item))。 如果您需要某种东西来保持状态并在控制器之间进行通信,则应该使用服务。 https://docs.angularjs.org/guide/services
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.