相关疑难解决方法(0)

我想调用一些jQuery函数以div为目标.该表填充了ng-repeat.

我打电话的时候

$(document).ready()

我没有结果.

也

$scope.$on('$viewContentLoaded', myFunc);

没有帮助.

在ng-repeat群体完成后,有没有办法正确执行功能？我已经阅读了关于使用自定义的建议directive,但我不知道如何将它与ng-repeat和我的div一起使用...

<div class="owl-carousel">
    <div ng-repeat="items in itemlist"> 
        <a href="series.html"><img ng-src="{{items.imageUrl}}" /></a>
    </div>
    <div> 
      <a href="series.html"><img src="http://placehold.it/350x150" /></a>
    </div>
 </div>

在这里查看轮播:Owl-carousel2

我遇到了一个问题,即每当ng-repeat指令应用于轮播时,项目都是垂直堆叠而不是水平布局.

如果我省略ng-repeat并使用静态项目,那么它可以正常工作.

是否有指令我可以编写并应用于owl-carousel来维护布局？

还有什么是导致旋转木马断裂的ng-repeat？

有角度以某种方式剥离应用于旋转木马的猫头鹰旋转木马类吗？

注意*如果手动构建列表,则迭代并使用以下内容追加元素:

var div = document.createElement('div');
var anchor = document.createElement('a');
var img = document.createElement('img');            
.....       
carousel.appendChild(div);

然后调用owl.owlCarousel({..})它有效,不确定这是否是最好的解决方法,因为ng-repeat使一切变得容易一些.

我发现了一个hack,如果我将owl init包装在超时中,那么ng-repat可以工作.

setTimeout(function(){
      ...call owl init now  
},1000);

<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/owl.theme.default.min.css"/>

.....
    <script src="/js/lib/owl.carousel.min.js"></script> 
        <script>
             $(document).ready(function() {
               var owl = $('.owl-carousel');
               owl.owlCarousel({
                 .....
               });
               owl.on('mousewheel', '.owl-stage', function(e) {
                 if (e.deltaY > 0) {
                   owl.trigger('next.owl');
                 } else …

我们有一个大型模型,ng-repeat需要几秒钟才能将模型中的所有项目绑定到表单.我们想展示一个旋转器,而这正在发生.绑定完成时是否会触发某些事件,因此我们知道何时隐藏微调器？