Доступ к переменным окружения контроллера родительской директивы в дочерней директиве

Question

У меня есть две директивы: «родительский» и «дочерний». Я хочу установить видимость дочерней директивы на основе значения переменной scope в контроллере родительской директивы. Контроллер

<div> 
    <h1>Parent Directive selected index : {{ selectedIndex }}</h1> 
    <div id="children" ng-transclude></div> 
</div> 

родительской директивы имеет selectedIndex переменный в ее рамках и директивы ребенка id переменные в своей области. Я пытаюсь использовать ng-show по директиве ребенка с помощью

<div ng-show="id==selectedIndex"> 
    <h1>{{id}}</h1> 
</div> 

Это не работает должным образом.

У меня есть ссылка на сценарий jsfiddle.

https://jsfiddle.net/vibhanshu/pep44qz7/10/

Answer 1

Вы можете определить bidrectional свойство на вашего ребенка директивы selectedIndex: '='

scope: { id: '@', selectedIndex: '='} 

<parent> 
     <child id="1" selected-index="selectedIndex"></child> 
     <child id="2" selected-index="selectedIndex"></child> 
</parent> 

Обновлено Скрипки - https://jsfiddle.net/pep44qz7/12/