Question

我试图发送广播事件。所以，这是我需要的文件：

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将该url链接到控制器：

app.js：

.state('app.item-detail', {
  url: '/item/:itemId',
  views: {
    'menuContent': {
      templateUrl: 'templates/detail.html',
      controller: 'DetailItemCtrl'
    }
  }
})

因此，当我选择一个项目时，我的控制台日志是：

Message sent
DetailItemCtrl

我不知道为什么我不能参加活动。

Answer 1

当触发ng-click时，控制器不再处于活动状态，因此从它调用的任何操作（selectItem（item））都不会被触发。如果您需要保持状态并在控制器之间进行通信，则应使用服务。 https://docs.angularjs.org/guide/services

$ rootScope。$ broadcast问题

1 个答案: