lightGallery (complemento jQuery) en AngularJS
Estoy tratando de obtener el plugin lightGallery jQuery (http://sachinchoolur.github.io/lightGallery/index.html) para trabajar con AngularJS.
Encontré algunas respuestas que sugerían que necesitaba una directiva, así que creé lo siguiente:
.directive('lightGallery', function() {
return {
restrict: 'A',
link: function(scope, element, attrs) {
jQuery(element).lightGallery();
}
};
})
Entonces, en mi opinión, hago esto:
<ul lightGallery>
<li ng-repeat="photo in album.photos" data-src="{{photo.fullres}}">
<img ng-src="{{photo.thumbnail}}" />
</li>
</ul>
(También probé con<ul light-gallery>
) Cuando ejecuto la página, no sucede nada cuando hago clic en cualquiera de las miniaturas. Puedo poner unalert()
en la función de enlace, sin embargo, y eso se muestra.
¿Cómo puedo hacer que AngularJS juegue junto con jQuery y este complemento?
ACTUALIZAR:
Después de alguna depuración parece quejQuery(element).lightGallery()
se ejecuta antes de que el modelo esté vinculado a la vista. Entonces, la pregunta es cómo puedo hacer que se llame a una directiva cuando todo está vinculado y no antes.