在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);
    }
}

当前回答

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

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

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

希望这能有所帮助

2014-06-06 10:41:23

其他回答

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

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

希望这能有所帮助

2014-06-06 10:41:23

你可以通过使用angular事件$emit和$broadcast来实现。据我们所知，这是最好、高效和有效的方法。

首先，我们从一个控制器调用一个函数。

var myApp = angular.module('sample', []);
myApp.controller('firstCtrl', function($scope) {
    $scope.sum = function() {
        $scope.$emit('sumTwoNumber', [1, 2]);
    };
});
myApp.controller('secondCtrl', function($scope) {
    $scope.$on('sumTwoNumber', function(e, data) {
        var sum = 0;
        for (var a = 0; a < data.length; a++) {
            sum = sum + data[a];
        }
        console.log('event working', sum);

    });
});

你也可以用$rootScope代替$scope。相应地使用你的控制器。

2017-05-25 13:16:41

你可以在模块的任何地方访问这个hello函数

控制器的一个

 $scope.save = function() {
    $scope.hello();
  }

第二个控制器

  $rootScope.hello = function() {
    console.log('hello');
  }

更多信息请点击这里

2014-03-18 09:56:54

由于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

实际上，我已经开始使用post .js作为控制器之间的消息总线。

它作为消息总线有很多好处，比如AMQP风格的绑定，邮政可以集成w/ iFrames和web套接字，以及更多的东西。

我使用装饰器在$scope.$bus上设置邮政。

angular.module('MyApp')  
.config(function ($provide) {
    $provide.decorator('$rootScope', ['$delegate', function ($delegate) {
        Object.defineProperty($delegate.constructor.prototype, '$bus', {
            get: function() {
                var self = this;

                return {
                    subscribe: function() {
                        var sub = postal.subscribe.apply(postal, arguments);

                        self.$on('$destroy',
                        function() {
                            sub.unsubscribe();
                        });
                    },
                    channel: postal.channel,
                    publish: postal.publish
                };
            },
            enumerable: false
        });

        return $delegate;
    }]);
});

这里有一个关于这个话题的博客文章的链接。 http://jonathancreamer.com/an-angular-event-bus-with-postal-js/

2014-05-07 22:55:31

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

推荐文章

最新文章

标签