在AngularJS中控制器之间通信的正确方式是什么?

控制器之间的正确通信方式是什么?

我目前正在使用一个可怕的软糖涉及窗口:

function StockSubgroupCtrl($scope, $http) {
    $scope.subgroups = [];
    $scope.handleSubgroupsLoaded = function(data, status) {
        $scope.subgroups = data;
    }
    $scope.fetch = function(prod_grp) {
        $http.get('/api/stock/groups/' + prod_grp + '/subgroups/').success($scope.handleSubgroupsLoaded);
    }
    window.fetchStockSubgroups = $scope.fetch;
}

function StockGroupCtrl($scope, $http) {
    ...
    $scope.select = function(prod_grp) {
        $scope.selectedGroup = prod_grp;
        window.fetchStockSubgroups(prod_grp);
    }
}

当前回答

function mySrvc() {
  var callback = function() {

  }
  return {
    onSaveClick: function(fn) {
      callback = fn;
    },
    fireSaveClick: function(data) {
      callback(data);
    }
  }
}

function controllerA($scope, mySrvc) {
  mySrvc.onSaveClick(function(data) {
    console.log(data)
  })
}

function controllerB($scope, mySrvc) {
  mySrvc.fireSaveClick(data);
}

2015-03-12 07:23:35

其他回答

function mySrvc() {
  var callback = function() {

  }
  return {
    onSaveClick: function(fn) {
      callback = fn;
    },
    fireSaveClick: function(data) {
      callback(data);
    }
  }
}

function controllerA($scope, mySrvc) {
  mySrvc.onSaveClick(function(data) {
    console.log(data)
  })
}

function controllerB($scope, mySrvc) {
  mySrvc.fireSaveClick(data);
}

2015-03-12 07:23:35

由于defineProperty存在浏览器兼容性问题，我认为我们可以考虑使用服务。

angular.module('myservice', [], function($provide) {
    $provide.factory('msgBus', ['$rootScope', function($rootScope) {
        var msgBus = {};
        msgBus.emitMsg = function(msg) {
        $rootScope.$emit(msg);
        };
        msgBus.onMsg = function(msg, scope, func) {
            var unbind = $rootScope.$on(msg, func);
            scope.$on('$destroy', unbind);
        };
        return msgBus;
    }]);
});

并像这样在控制器中使用它:

控制器1 函数($scope, msgBus) { 美元的范围。Sendmsg = function() { msgBus.emitMsg(“somemsg”) ｝｝控制器2 函数($scope, msgBus) { msgBus。onMsg('somemsg'， $scope, function() { //你的逻辑 })；｝

2014-02-17 03:30:50

你可以使用AngularJS内置服务$rootScope并将该服务注入到你的两个控制器中。然后，您可以监听在$rootScope对象上触发的事件。

$rootScope提供了两个事件分派器$emit和$broadcast，它们负责分派事件(可能是自定义事件)，并使用$rootScope。$on函数添加事件监听器。

2014-12-30 09:19:28

使用rootScope美元。$broadcast和$scope。$on PubSub通信。

另外，请参阅这篇文章:AngularJS -控制器之间的通信

2012-06-28 21:17:14

我将创建一个服务并使用通知。

在Notification Service中创建一个方法在“通知服务”中创建用于广播通知的通用方法。从源控制器调用notificationService.Method。如果需要，我还将相应的对象传递给持久化。在该方法中，我将数据持久化到通知服务中并调用通用notify方法。在目标控制器中，我监听($scope.on)广播事件并从通知服务访问数据。

在任何情况下，notificationservice都是单例的，它应该能够跨跨提供持久数据。

希望这能有所帮助

2014-06-06 10:41:23

在AngularJS中控制器之间通信的正确方式是什么?

推荐文章

最新文章

标签