Нг-сортируемый не работает в плункер

Я создал пример сортировки по ng в Plunker, но он не работает.

Вот JavaScript:

angular.module('sortableExample', [])
.controller('PresidentsCtrl', ['$scope', function($scope) {
  $scope.presidents = [
    'George Washington',
    'Abraham Lincoln',
    'William Jefferson Clinton'
  ];

  $scope.dragControlListeners = {
    accept: function(sourceItemHandleScope, destSortableScope) { return true },
    itemMoved: function(event) {},
    orderChanged: function(event) {}
  };
}]);

И HTML:

<!DOCTYPE html>
<html ng-app="sortableExample">

  <head>
    <script data-require="angular.js@1.5.6" data-semver="1.5.6" src="https://code.angularjs.org/1.5.6/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />

    <script src="https://raw.githubusercontent.com/a5hik/ng-sortable/master/dist/ng-sortable.js"></scr</script>
    <link rel="stylesheet" href="https://raw.githubusercontent.com/a5hik/ng-sortable/master/dist/ng-sortable.css">

    <script src="script.js"></script>
  </head>

  <body ng-controller="PresidentsCtrl">
    <ul data-as-sortable="dragControlListeners" data-ng-model="presidents">
      <li data-ng-repeat="president in presidents" data-as-sortable-item>
        <div data-as-sortable-item-handle>{{ president }}</div>
      </li>
    </ul>
  </body>

</html>

Правильный материал обнаруживается, но он не интерактивный, как должно быть. Есть идеи почему?

Источник

1 ответ

Решение

Вы не должны включать ссылки на исходники github -) Поскольку для ng-sortable нет cdn - просто скопируйте его в plunker.

Также вы забыли добавить зависимость ng-app.

angular.module('sortableExample', ['as.sortable'])

http://plnkr.co/edit/gRRzaVfwIycdzfApmebB?p=preview

Источник
Другие вопросы по тегам