Как получить сортируемые элементы клонирования AngularUI в связанных списках


Я пытаюсь заставить AngularUI клонировать элементы из одного списка в другой. Это не работает.

Я думаю, что у меня есть правильные варианты, но не уверен. Я уверена, что это какая-то глупость.. Вот мои варианты:

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

Это jsfiddle: http://jsfiddle.net/Npyyg/

Как всегда любая помощь ценится.

1 2

1 ответ:

Проверьте этот пример CodePen: http://cdpn.io/akCIe

Я думаю, что он делает то, что вы ищете. SortableOptions включает в себя функции 'stop' и 'update' вместо использования 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();
      }
    }
  };