지시어간에 객체를 전달하는 방법 AngularJS?

Question

지시문 A의 링크 함수 내에서 객체 foo을 정의/인스턴스화하는 경우 별도의 지시문의 링크 함수에서 동일한 객체에 액세스하는 방법은 무엇입니까? documenation에서

Answer 1

견적 (속성이 필요 참조)

제어기는 예비 가교 단계 전에 인스턴스화하고 다른 지시 공유 이다. 이렇게하면 지시문이 서로 통신하고 서로의 동작을 보완 할 수 있습니다.

이 그 같은 개체에 두 지시 사이에 데이터를 공유하거나 당신이 지시어 내부 foo에에게 지시어 B에 require 옵션와 주입 컨트롤러를 노출해야합니다, 아이들을 의미합니다

지시어는 것 다음과 같이 보입니다 :

.directive("dirA", function() { 
    return { 
     controller: function ($scope, $element, $attrs) { 

     }, 
     link: function ($scope, $element, $attrs, controller) { 
      controller.foo = $attrs.dirA; 
     } 
    } 
}) 
.directive("dirB", function() { 
    return { 
     link: function ($scope, $el, $attr, controller) { 
      $scope.shared = controller.foo; 
     }, 
     require: "dirA" 
    } 
}) 

Working example.

Answer 2

내가 평판을 낼만큼 충분한 의견이 없으므로 여기에 추가하겠습니다.

동일한 문제로 어려움을 겪고있는 사람을위한 추가 정보. 이것은 지시어가 서로 관련되어 사용되는 위치에 따라 다릅니다.

^를 접두사 부모의 컨트롤러에 대한이 지시어를 검색합니다 (^ 접두사없이이 지시어는 단지 자신의 요소에 컨트롤러를 찾을 것)을 의미한다.