Ich versuche, @ zu bekomm Eulenkarussell um in Angular zu arbeiten.

Ich möchte meiner Ansicht nach so etwas auszeichnen, da ich viele Galerien habe:

<owl-carousel owl-options="owlOptions">
  <div ng-repeat="image in gallery" class="item">
    <p>hello</p>
  </div>
</owl-carousel>

rundsätzlich sollte die Richtlinie nur das Karussell initialisieren. Die Direktive funktioniert einwandfrei, es sei denn, ich benutze eine ng-Wiederholung. Ich vermute, die Direktive wird geladen, bevor die ng-Wiederholung verarbeitet wird.

Hat jemand eine Idee, wie dies gelöst werden kann, ohne Vorlagen und Anweisungen für jeden Schiebereglerstil zu erstellen?

Ich danke dir sehr

Hier ist die Direktive:

angular.module('dir.owlCarousel', [])
  .directive('owlCarousel',[function() {
    return {
      restrict: 'EA',
      transclude: false,
      scope: {
        owlOptions: '='
      },

      link: function(scope, element, attrs) {
        $(element).owlCarousel(scope.owlOptions);
      }

    };
  }]);