템플릿에서 필요한 컨트롤러의 속성에 액세스하십시오.

Question

지시문 container 안에 지시문 foo이 있습니다. DOM을 계층 구조는 다음과 같습니다

<container> 
    <foo></foo> 
</container> 

내 link 기능에서 액세스하기 위해 내 foo에 require: '^container'를 사용할 수 있습니다. 그러나 종종 템플릿 내에서 해당 컨트롤러에 액세스하려고하므로 내 link 함수의 범위에서 컨트롤러를 설정해야하며 꽤 반복적입니다. 이 작업을 수행하는 더 좋은 방법이 있습니까?

편집 : 분명히 너무 막연했습니다. 이 같은 템플릿으로

mod.directive('container', function() { 
    return { 
    controller: function() { 
     this.interesting = "foo"; 
    } 
    }; 
}); 
mod.directive('foo', function() { 
    return { 
    require: '^container', 
    scope: {}, 
    link: function(scope, element, attrs, ct) { 
     scope.ct = ct; // this is the annoying line 
    } 
    }; 
}); 

: 예를 들면 다음과 같습니다의 세계의 끝이없는에서

{{ ct.interesting }} 

은 분명히 그 라인을 가지고 있지만, 제가 뭔가를하고 있어요 생각한다 잘못된. 더 좋은 디자인이 있습니까?

Answer 1

각도 1.2에 추가 된 기능인 컨트롤러는 다음과 같습니다.

mod.directive('container', function() { 
    return { 
    controller: function() { 
     this.interesting = "foo"; 
    }, 
    controllerAs: "ct" 
    }; 
});