Всем привет.
Начал прикручивать 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 основного шаблона.
Директива:
app.directive('fancybox', function(){
return {
link: function($scope, element, attrs) {
element.fancybox({
helpers: {
overlay: { locked: false },
title: null
}
});
}
}
});
