在Angular.js中的组件/控制器之间访问对象

Question

我需要在Angularjs中的控制器之间共享一些对象，并且做出了一些行得通的事情，但对我来说却有点笨拙。 我想知道我所拥有的是否可以接受，或者是否有首选的方式可以做到。

在componentA中，我有一个要从componentB访问的对象。

app.component("componentA", {
    controller: function ($scope, $rootScope, $compile) {

        //the object whose contents I want
        $scope.objectToAccess = {name: 'object', value: 3};

        //receives broadcast from componentB, returns the object
        $rootScope.$on("getObject", function () {
            $rootScope.$broadcast('receiveObject', $scope.objectToAccess);
        });
    }
}

app.component("componentB", {
    controller: function ($scope, $rootScope, $compile) {

        $scope.object = {name : null, value: null};

        //receives the broadcast of the object and sets the value
        $rootScope.$on("receiveObject", function (event,object) {
            console.log(object);
            $scope.object = object;
        });

        //broadcast to get the object contents
        $rootScope.$broadcast('getObject');   
    }
}

这行得通，但是在进行大量来回通信时感觉太复杂了。 Angular中是否有专门用于处理此类事情的东西，或者我认为可以接受的东西吗？

Answer 1

我认为$ scope事件应用于订阅但不请求数据更改的情况。

相反，您可以使用将保存数据并在控制器中引用它的服务。 由于服务是单例的，所以两个控制器将共享同一实例，因此可以轻松共享数据。