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 이벤트는 데이터 변경이 구독되고 요청되지 않은 경우에 사용해야합니다.

대신 당신은 데이터를 보유하고 컨트롤러에 참조하는 서비스를 사용할 수 있습니다. 서비스가 싱글 톤이기 때문에 컨트롤러는 동일한 인스턴스를 공유하므로 데이터를 쉽게 공유 할 수 있습니다.