Угловой 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 Компонента (не Directive) таким образом, что уровень расширения 2-го уровня может быть осведомлен о том, что его родительский разворот-сбой. Обычно, когда вы компонента гнезда, как это я думаю, вы бы что-то вроде:

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

Однако A) гнездование не требуется в данном случае, и B) parentCtrl заканчивает тем, что нескончаемая рекурсивная ссылка на ток $ упр.

Это что-то, что можно сделать с помощью Компонентов? Или по какой-то причине он был явно запрещен?

Answer 1

Я вижу только два пути:

• Определить директиву для каждого уровня, требующего уровень precendent, это может привести к ненужному коду.
• Поиск угловых функций: element.parent().controller('expand-collapse');. Этот подход обычно не рекомендуется, но я не вижу ничего более простого/более чистого, чем это.