각도 1.5 재귀 적으로 중첩 된 구성 요소

Question

각도 1.5 구성 요소를 사용하여 확장 축소와 같은 것을 만들려고합니다. 아이디어는 당신이 하나 또는 그 이상을 연속적으로 가질 수 있거나 나무를 만들기 위해 둥지를 틀 수 있다는 것입니다. 그래서, 유효한 HTML을 보일 수 있습니다 같은 :

<expand-collapse title="This is my title"> 
    <p>This is my content</p> 
</expand-collapse> 

또는

<expand-collapse title="Level 1 Title"> 
    <expand-collapse title="Level 2 Title"> 
     <p>This is my content</p> 
    </expand-collapse> 
</expand-collapse> 

그래서, 내 질문은 내가하는 방법에 각도 1.5 구성 요소 (에서 지침하지 않음)이 작업을 수행 할 수 있는지 여부입니다 수준 2 확장 붕괴는 부모 팽창 붕괴를 인식 할 수 있습니다. 일반적으로이 같은 중첩 구성 요소가 내가 생각할 때 당신이 뭔가를 할 것이다 :

component('expandCollapse', { 
    ... 
    require : { 
     parentCtrl : "^expandCollapse" 
    } 
    ... 

그러나 A) 중첩이 경우에 필요하고, B) parentCtrl 현재에 대한 끝없는 순환 참조 될 수있을 테니까요되지 않는다 $ ctrl.

구성 요소를 사용하여 수행 할 수있는 작업인가요? 아니면 어떤 이유로 명시 적으로 금지 되었습니까?

Answer 1

내가 두 방법을 참조하십시오

• 이 precendent 수준을 요구하는 각 레벨에 대한 지침을 정의를이 불필요한 코드가 발생할 수 있습니다.
• 검색 각도 기능 : element.parent().controller('expand-collapse');. 이 방법은 일반적으로 권장되지 않지만 이보다 더 단순하거나 더 깨끗한 것은 없습니다.