Почему fancybox работает некорректно?

Question

[multiscripter]

Всем привет.
Начал прикручивать fancybox через директиву. Столкнулся с такой проблемой: не отображаются стрелки для перелистывания галереи. То есть fancybox не видит группу и показывает в попапе только то изображение, по которому кликаешь.

Шаблон галереи:

<div class="item col-xs-12 col-sm-6 col-md-4 col-lg-4" ng-repeat="model in models">
  <div class="box">
    <h2 class="head">{{model[0]}}</h2>
    <div class="body">
      <a class="ref" fancybox="" data-fancybox-group="gallery1" ng-click="fancy($event)" href="../models/{{model[0]}}" title="{{lang.enlargeScreen}}">
        <img class="pic" ng-src="../models/{{model[1]}}" alt="" />
      </a>
    </div>
  </div>
</div>

Разметка выше вставляется в другой промежуточный шаблон так:

<div class="row content" ng-include="getTpl()"></div>

А промежуточный шаблон вставляется в ng-view основного шаблона.
Директива fancybox`а:

app.directive('fancybox', function(){
    return {
        link: function($scope, element, attrs) {
            element.fancybox({
              helpers: {
                overlay: { locked: false },
                title: null
              }
            });
        }
    }
});

Answer 1

[Сергей Новиков]

Для группировки изображений нужно указать атрибут rel с одинаковым содержимым в ссылке.