如何在使用angular-ui排序进行排序时防止角度ui手风琴切换

时间:2013-09-06 17:19:32

标签: angularjs angular-ui jquery-ui-sortable angular-ui-bootstrap

我制作了一款带有角度,角度ui自举和ui-sortable的可折叠手风琴,你可以拖拽和放大放下手风琴组。

问题是,当前的手风琴组在被放置到新位置时切换(打开/折叠)。

Plunkr:http://plnkr.co/edit/YAGoVq?p=preview

我无法找到如何防止这种行为,在stop,beforeStop和update函数的sortables选项中尝试使用stopPropagation()...没有改变(因为它引用了由jQuery处理的事件而不是Angular,我想?!)。

有什么想法吗? 提前致谢

1 个答案:

答案 0 :(得分:3)

很长一段时间后,我再次围绕着这个。显然不是最优雅的解决方案,但现在可以使用:http://plnkr.co/edit/8J5ZxocNzmcOtNL9mS3R?p=preview

如果您有任何建议/更正,请不要拖延。

编辑:根据评论,请参阅更新的Plunker for Chrome:http://plnkr.co/edit/jAY5AtnH5SE2f5aqxRGs?p=preview

主要技巧是使用以下方法控制切换:

<a class="accordion-toggle" 
   ng-click="$parent.isElementDragged() || (isOpen = !isOpen)" 
   accordion-transclude="heading">
   {{heading}}
</a>