javascript - Angular UI 树 - 只允许拖放到第二级(子节点)

Question

我目前正在使用 Angular UI Tree .

我的目标:

     [
          {
            "id": 1,
            "title": "class1",
            "students": [
              {
                "id": 11,
                "title": "student1.1",
              },
              {
                "id": 12,
                "title": "student1.2"
              }
            ]
          },
          {
            "id": 2,
            "title": "class2",
            "students": []
          },
          {
            "id": 3,
            "title": "class3",
            "students": [
              {
                "id": 31,
                "title": "student3.1"
              }
            ]
          }
        ]

我想要实现的是允许学生在类(class)内拖放(类(class)不必是可拖动的，学生不必被拖放到第一级(类(class))只到第二级(学生) ).

这可以用 Angular UI Tree 实现吗？

Answer 1

我终于把它变成了这样:

我检查了目标范围，父级仍然是一个 uiTreeNode。

在 Controller 中:

$scope.treeOptions = {
    accept: function(sourceNodeScope, destNodesScope, destIndex) {

        if (destNodesScope.$parent.$type === "uiTreeNode"){
                return true;
        }else{
            return false;
        }

    }
  };

在 View 中:

<div ui-tree="treeOptions">