Twitter bootstrap 角度js引导ng重复行为wierd-拖放不工作

我试图在ng repeat中以小部件的形式显示一些数据，但angular的行为异常。我似乎不明白这是什么原因。我试图将ng repeat放在的HTML是这样的

<div class="span3 widget-container-span">
                                <div class="widget-box">

                                    <div class="widget-header widget-header-small header-color-dark">
                                        <h6 class="smaller">{{ me.head }}</h6>

                                        <div class="widget-toolbar no-border">
                                            <label>
                                                <input type="checkbox" class="ace ace-switch ace-switch-3" />
                                                <span class="lbl"></span>
                                            </label>
                                        </div>

                                        <div class="widget-toolbar">
                                            <span class="label label-warning">
                                                1.2%
                                                <i class="icon-arrow-down"></i>
                                            </span>
                                            <span class="badge badge-info">{{ me.label }}</span>
                                        </div>
                                    </div>

                                    <div class="widget-body">
                                        <div class="widget-main">
                                            <div class="alert alert-info">
                                                {{ me.desc }}
                                            </div>
                                        </div>
                                    </div>

                                </div> <!-- end widget box-->
                            </div><!-- end span3 widget container-->

{{me.head}}
1.2%
{{me.label}
{{me.desc}}

如果我将ng repeat放在第一个div（span3 widget container span）上，则widget拖动不起作用

如果我将ng repeat放在第二个div（div class=“widget box”）中，拖放功能可以工作，但是框是垂直堆叠的，而不是水平堆叠的，它们之间的间距是不可计算的。它就像一列拖拽的柱子

My guess-Container div在使用angular ng repeat时停止工作

请引导我所缺少的

---

另外，我使用的是partials。

我使用了一个指令来避免jquery与angular的可排序冲突

myScrum.directive("ngSortable", function(){
return {
    link: function(scope, linkElement, attrs){                  
        linkElement.sortable({
            placeholder: "placeholder",
            opacity: 0.8,
            axis: "x,y",
            update: function(event, ui) {
                // get model
                var model = scope.$eval(attrs.ngSortable);

               // loop through items in new order
                linkElement.children().each(function(index) {
                    var item = $(this);

                    // get old item index
                    var oldIndex = parseInt(item.attr("ng-sortable-index"), 10);

                    model[oldIndex].seq = index;
                });
                // notify angular of the change
                scope.$apply();
            }
        });
    }
};
});

并在下面的div中使用

<div class="widget-box" ng-sortable-index="{{$index}}" ng-repeat="item in sid">

我也有同样的问题。看看你的截图，看起来你正在使用ACE模板（我也是）。我还没有做太多的疑难解答，事实上，你的问题对我来说是一个问题：）如果你找到了解决方案，请发布一个更新。我已经解决了这个问题。@BennettDill我会尽快发布解决方案，谢谢发布。我会看一看，看看它是否也解决了我的问题：）