AngularJS 在工厂和控制器之间跨模块共享数据

我有一个 angularjs 应用程序，它有几个模块。主要模块如下所示：

var app = angular.module('mainMod', ['apiService']);
app.controller('MainCtrl', function (Socket) {
    $scope.objects = {};
    // do something with $scope.objects, etc.
});

然后我就有了；

var apiService = angular.module('apiService', ['ngResource']); // etc

and;

apiService.factory('Socket', ['$rootScope', function ($rootScope) {
    // create a websocket and listen for stuff
    // if something happens, update 'objects' in $rootScope
}]);

问题是，我看到服务Socket已被注入MainCtrl，但在里面Socket服务，我无法访问$rootScope.objects。我确实知道工厂没有自己的范围，但由于它被注入MainCtrl， rootscope 不应该指的是MainCtrl?

有一种使用事件的解决方法，但我不太热衷于此。我已经成功尝试过，但我更喜欢一个可行的解决方案。

你忘记注入了$scope进入你的控制器本身：

app.controller('MainCtrl', function ($scope, Socket) {
    $scope.objects = {};
   // do something with $scope.objects, etc.
});

但这仍然无法帮助您通过 rootScope 访问该控制器的“对象”，因为 $scope 继承 $rootScope，但反之则不然 - 所以无论您在$scope不会传播到$rootScope.

但是，您可以做的是链接$scope.objects在工厂本身内部有一个变量，所以像这样：

var app = angular.module('mainMod', ['apiService']);
app.controller('MainCtrl', function (Socket) {
   $scope.objects = Socket.objects = {};
    // do something with $scope.objects, etc.
});

在你的套接字工厂中：

apiService.factory('Socket', ['$rootScope', function ($rootScope) {
    return {
       objects : {}
   }
}]);

只是要小心不要覆盖$scope.objects直接，因为它会再次破坏引用。