小编Jos*_*ads的帖子

Owl Carousel没有识别ng-repeat的元素

我正试图让猫头鹰旋转木马在Angular工作.

我希望在我的视图中标记这样的标记,因为我有很多画廊:

<owl-carousel owl-options="owlOptions">
  <div ng-repeat="image in gallery" class="item">
    <p>hello</p>
  </div>
</owl-carousel>
Run Code Online (Sandbox Code Playgroud)

基本上所有指令应该做的是转盘的初始化.该指令完美无缺,除非我使用ng-repeat.我猜这个指令是在处理ng-repeat之前加载的.

有没有人对如何解决这个问题有任何想法,而不为每种类型的滑块构建模板和指令?

非常感谢!

这是指令:

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

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

    };
  }]);
Run Code Online (Sandbox Code Playgroud)

angularjs angularjs-directive owl-carousel

1
推荐指数
2
解决办法
8841
查看次数