Как через ng-repeat обратиться к родительскому scope?

Question

[Сергей]

Есть шаблон

<div class="hockey-DateBlock" ng-repeat="key in ['13 мая', '14 мая', '15 мая', '16 мая', '17 мая', '18 мая', '19 мая', '20 мая']" ng-class="{'active' : $index == ActiveId}">
      {{key}}
    </div>

scope.activeId = function () {
        return currentIndex + 1;
      }

Не могу достучаться до activeId из-за ng-repat.

Answer 1

[Сергей]

Решил проблему с помощью передачи двусторонней связи из директивы в компоненту, а потом сравнения с переменной компоненты в ng-repeat

<div class="hockey-Date"
    hockey-date-scroll
    hds-item-width="50"
    hds-active-id="$ctrl.activeId"
    hds-items-length="8">
    <div class="hockey-DateBlock" ng-repeat="date in $ctrl.dates" ng-class="{'active' : $index == $ctrl.activeId}">
      {{date}}
    </div>
  </div>

scope: {
      activeId: '=hdsActiveId'
    },

Answer 2

[Андрей Белокопытов]

Используйте синтаксис controller as
jsbin.com/rokejinite/edit?html,css,js,output

Answer 3

[lega]

ActiveId - это функция, её надо вызывать:
ng-class="{'active' : $index == ActiveId()}"

Comments

[Сергей]

Опечатался. Он и функцию не вызывает. Есть rootScope, В нем компонента, в компоненте директива и ng-repeat. Чтоб заработало нужно передать данные из директивы в компоненту, и тогда ng-repeat сможет получить данные

[lega]

Сергей: тогда проблема в другом месте, возможно у вас там где-то изолированный скоуп посередине, а может просто опечатка, сделайте jsfiddle пример, тогда будет легко найти багу.