Estou tentando obter o plugin jQuery lightGallery (http://sachinchoolur.github.io/lightGallery/index.html) para trabalhar com o AngularJS.

Encontrei algumas respostas que sugeriam que eu precisava de uma diretiva, então criei o seguinte:

.directive('lightGallery', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            jQuery(element).lightGallery();
        }
    };
})

Então, na minha opinião, faço o seguinte:

<ul lightGallery>
    <li ng-repeat="photo in album.photos" data-src="{{photo.fullres}}">
        <img ng-src="{{photo.thumbnail}}" />
    </li>
</ul>

(Eu também tentei com<ul light-gallery>) Quando executo a página, nada acontece quando clico em qualquer uma das miniaturas. Eu posso colocar umalert() na função de link, no entanto, e isso é exibido.

Como posso fazer com que o AngularJS toque junto com o jQuery e este plugin?

ATUALIZAR:

Depois de alguma depuração, parece quejQuery(element).lightGallery() é executado antes que o modelo seja vinculado à visualização. Portanto, a questão é como posso chamar uma diretiva quando tudo estiver vinculado e não antes.