Angularjsのコンポーネント/コントローラ間のオブジェクトへのアクセス

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イベントは、データの変更が購読され、要求されていない場合に使用する必要があります。

代わりに、データを保持し、コントローラで参照するサービスを使用できます。サービスはシングルトンなので、コントローラは両方とも同じインスタンスを共有するため、データを簡単に共有できます。