Angular js＆amp;你可以排序

Question

我使用UI Sortable嵌套了可排序列表。该结构是父子结构。父列表是可排序的，子列表是可排序的。它类似于：http://jsfiddle.net/9uhfX/2/

<ul ui-sortable="vm.sortableOptions" class="list-group ui-sortable">
       <li  class="list-group-item">
            <div class="row">
                <div class="col-xs-12">
                    <ul ui-sortable="vm.sortableOptions2" class="list-group>
                       <li class="list-group-item" >
                            <div class="dd-handle row">
                                <div class="col-xs-1 ng-binding">1 </div>
                                <div class="col-xs-3 ng-binding">code-0</div>
                                <div class="col-xs-7 ng-binding">item 0</div>
                            </div>
                        </li><li class="list-group-item">
                            <div class="dd-handle row">
                                <div class="col-xs-1 ng-binding">2 </div>
                                <div class="col-xs-3 ng-binding">code-1</div>
                                <div class="col-xs-7 ng-binding">item 1</div>
                            </div>
                        </li>
                    </ul>



                </div>
            </div>
        </li>
</ul>

但是，我想阻止父项被拖入子列表，子项被拖动为父项。所有子列表都已连接，因此您也可以在子列表之间进行拖动。基本上你应该只能将项目拖到同一级别。

我无法弄清楚如何防止父项被放入子列表中。有人有什么想法吗？

当我从父列表拖动到子列表时，我收到错误

Uncaught TypeError: Cannot read property 'ngModel' of null

这个小提琴http://jsfiddle.net/HG8k6/完全是我的问题。您可以将父项拖到子项列表中。