Angularjs 在具有可排序UI的Angular中连接的嵌套列表

我想实施以下措施：

使用角度和角度。我需要父母和孩子都可以分类的容器。可以重新排列顺序的父级（在父级集合中）和可以重新排列并拖动到其他父级的子级

Jquery UI Sortable Angular指令是否可能，或者我是否必须创建一个新指令来创建嵌套列表

下面是为解决前面的问题而创建的JSFIDLE：

---

---

看看angular ui树：。它正是这样做的。

我认为您可以对两个ui进行排序，并将它们连接在一起

$("ul.containers").sortable({
    placeholder: "ui-state-highlight-container",
    revert: true,
    forcePlaceholderSize: true,
    axis: 'y',
    start: function (e, ui) {
        //alert("started");
    },
    update: function (e, ui) {
        //alert("updated");
        //save();
    }
});

function SetSortableRows(rows)
{
    rows.sortable({
    placeholder: "ui-state-highlight-row",
    connectWith: "ul.rows:not(.containers)",
    containment: "ul.containers",
    helper: "clone",
    revert: true,
    forcePlaceholderSize: true,
    axis: 'y',
    start: function (e, ui) {
        //alert("started");
    },
    update: function (e, ui) {
        //alert("updated");
        //save();
    }
});

}