Angularjs 角js可排序拖放

陷入了一个问题，我有列表列表，我想通过拖放来重新排列列表列表。我的模型是

  {
  "selected": null,
  "lists": {
    "A": [
      {
        "data": "code"
      },
      {
        "data": "code enable"
      },
      {
        "data": "code disable"
      }
    ],
    "B": [
      {
        "data": "code"
      },
      {
        "data": "code enable"
      },
      {
        "data": "code disable"
      }
    ],
    "C": [
     {
        "data": "code"
      },
      {
        "data": "code decode"
      },
      {
        "data": "code decode"
      }
    ]
  }
}

现在我想重新排序这个模型，如果我将列表C拖动到列表a中，它应该会替换div，新模型将是

   {
  "selected": null,
  "lists": {
    "C": [
      {
        "data": "code"
      },
      {
        "data": "code decode"
      },
      {
        "data": "code decode"
      }
    ],
    "B": [
      {
        "data": "code"
      },
      {
        "data": "code enable"
      },
      {
        "data": "code disable"
      }
    ],
    "A": [
      {
        "data": "code"
      },
      {
        "data": "code enable"
      },
      {
        "data": "code disable"
      }
    ],
  }
}

app.html

          <div ng-repeat="list in models.lists" class="col-md-6">
            <div class="panel panel-info" ng-repeat="data in lists">
                <div class="panel-heading">
                    <h3 class="panel-title">List {{data.data}}</h3>
                </div>
            </div>
        </div>

---

确切地说，这并不是一个答案，但对于我的拖放要求，我使用的是麻省理工学院许可的开放源码，所以对使用没有任何限制。比自己滚动更灵活、更容易。看起来不错。谢谢你的建议

 $scope.models = {
    selected: null,
    lists: {"A": [], "B": [],"C":[]
};

// Generate initial model