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.