如何在连接列表中获取 AngularUI 可排序克隆项目

Question

我正在尝试让 AngularUI 将项目从一个列表克隆到另一个列表。它不工作。

我认为我的选项是正确的，但不确定。我敢肯定这很愚蠢.. 这些是我的选择：

$scope.sortableOptions = {
    connectWith: ".sort",
    helper: 'clone',
    scroll: false
};

这是 jsfiddle：http://jsfiddle.net/Npyyg/

一如既往地感谢任何帮助。

Answer 1

查看这个 CodePen 示例：http://cdpn.io/akCIe

我认为它可以满足您的需求。 sortableOptions 包括“停止”和“更新”功能，而不是使用似乎不起作用的 helper:"clone"。

  $scope.sortableOptions = {
    connectWith: ".apps-container",
    update: function (e, ui) {
      if (ui.item.sortable.droptarget.hasClass('first')) {
        ui.item.sortable.cancel();
      }
    },
    stop: function (e, ui) {
      if ($(e.target).hasClass('first') &&
          e.target != ui.item.sortable.droptarget[0]) {
        $scope.sourceScreens = originalScreens.slice();
      }
    }
  };