Javascript 角度嵌套重复断裂指令（Pacery和dragabilly）

我在angular中使用dragabilly时遇到了一个小问题，这个问题很奇怪，因为在我对如何加载使用packery的内容做了一些更改之前，它一直在工作，特别是添加了一个嵌套重复级别。当我这样做时，Packey仍然正确运行，但是dragabilly似乎只在第一个对象上运行

html看起来像-

 <div class="item gs-w" ng-class="widget.size" ng-repeat="widget in contentHere" packery-angular >
    <!-- nested repeat -->
    <div ng-repeat="side in widget.sides" ng-show="side.active">

进入

---

它很好用。不过我需要一个拖动手柄，因为用户将与这些div中的内容进行交互，我不希望当用户在其中单击时div四处移动。也许有一种方法可以晚一点启动dragabilly？

看起来这可能是一个摘要问题，好像您将dragabilly创建坚持在$timeout中，它会按预期工作

if(!isMobile()){
    $timeout(function(){
        var draggable2 = new Draggabilly(element[0], {handle: '.handle'} );
        $rootScope.packery.bindDraggabillyEvents(draggable2);
    })
}

---

我在摆弄它时注意到的一件事是，如果您使用了与

句柄

不同的选项，例如

{axis:'x'}

，那么它就可以在不需要

$timeout

的情况下工作，我真的非常感谢您，感谢您花时间来挖掘我的代码堆并提供帮助！！是的，这里有代码帮助。你不仅帮助了他，还帮助了我，而且在未来的岁月里，你将帮助人们。james.patOnTheBacks+=1；

var draggable2 = new Draggabilly(element[0] );

if(!isMobile()){
    $timeout(function(){
        var draggable2 = new Draggabilly(element[0], {handle: '.handle'} );
        $rootScope.packery.bindDraggabillyEvents(draggable2);
    })
}