我正试图让猫头鹰旋转木马在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)