What's the correct way to communicate between controllers in AngularJS?

manpreet Best Answer 2 years ago

What's the correct https://forum.tuteehub.com/tag/way">way to communicate between controllers?

I'm currently using a horrible fudge involving window:

https://forum.tuteehub.com/tag/function">function StockSubgroupCtrl($scope, $http) {
    $scope.subgroups = [];
    $scope.handleSubgroupsLoaded = https://forum.tuteehub.com/tag/function">function(data, status) {
        $scope.subgroups = data;
    }
    $scope.fetch = https://forum.tuteehub.com/tag/function">function(prod_grp) {
        $http.get('/api/stock/groups/' + prod_grp + '/subgroups/').success($scope.handleSubgroupsLoaded);
    }
    window.fetchStockSubgroups = $scope.fetch;
}

https://forum.tuteehub.com/tag/function">function StockGroupCtrl($scope, $http) {
    ...
    $scope.select = https://forum.tuteehub.com/tag/function">function(prod_grp) {
        $scope.selectedGroup = prod_grp;
        window.fetchStockSubgroups(prod_grp);
    }
}

manpreet 2 years ago

angular
    .module('MyApp')
    .config(['$provide', function($provide){
        $provide.decorator('$rootScope', ['$delegate', function($delegate){

            Object.defineProperty($delegate.constructor.prototype, '$onRootScope', {
                value: function(name, listener){
                    var unsubscribe = $delegate.$on(name, listener);
                    this.$on('$destroy', unsubscribe);

                    return unsubscribe;
                },
                enumerable: false
            });


            return $delegate;
        }]);
    }]);