lightGallery (плагин jQuery) в AngularJS
Я пытаюсь получить плагин lightGallery jQuery (http://sachinchoolur.github.io/lightGallery/index.html) работать с AngularJS.
Я нашел несколько ответов, в которых говорилось, что мне нужна директива, поэтому я создал следующее:
.directive('lightGallery', function() {
return {
restrict: 'A',
link: function(scope, element, attrs) {
jQuery(element).lightGallery();
}
};
})
Тогда, на мой взгляд, я делаю это:
<ul lightGallery>
<li ng-repeat="photo in album.photos" data-src="{{photo.fullres}}">
<img ng-src="{{photo.thumbnail}}" />
</li>
</ul>
(Я тоже пробовал с<ul light-gallery>
) Когда я запускаю страницу, ничего не происходит, когда я нажимаю на любую из миниатюр. Я могу положитьalert()
в функции ссылки, хотя, и это отображается.
Как я могу заставить AngularJS играть вместе с jQuery и этим плагином?
ОБНОВИТЬ:
После некоторой отладки кажется, чтоjQuery(element).lightGallery()
выполняется перед привязкой модели к представлению. Таким образом, вопрос в том, как я могу получить директиву для вызова, когда все связано, а не раньше.