Я пытаюсь получить плагин 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() выполняется перед привязкой модели к представлению. Таким образом, вопрос в том, как я могу получить директиву для вызова, когда все связано, а не раньше.