Ich versuche das lightGallery jQuery Plugin zu bekommen http: //sachinchoolur.github.io/lightGallery/index.htm) um mit AngularJS zu arbeiten.

Ich habe einige Antworten gefunden, die darauf hindeuten, dass ich eine Direktive benötige, und habe daher Folgendes erstellt:

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

Dann mache ich aus meiner Sicht Folgendes:

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

(Ich habe es auch mit @ versuc<ul light-gallery>) Wenn ich die Seite starte, passiert nichts, wenn ich auf eine der Miniaturansichten klicke. Ich kann ein @ setzalert() in der Link-Funktion, und das wird angezeigt.

Wie kann ich AngularJS dazu bringen, mit jQuery und diesem Plugin zu spielen?

AKTUALISIEREN

Nach einigem Debuggen scheint es, dassjQuery(element).lightGallery() wird ausgeführt, bevor das Modell an die Ansicht gebunden ist. Die Frage ist also, wie ich eine Direktive aufrufen kann, wenn alles gebunden ist und nicht vorher.