lightGallery (plugin jQuery) no AngularJS
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.