Как использовать угловую сортировку в моем угловом коде?

Question

Я хочу сделать некоторые снимки отсортированными, перетащив их на моем Угловом веб-сайте, для которого я пытаюсь использовать angular-sortable-view. demos look really good, но я просто не могу заставить его работать в моем собственном коде, и я не получаю никакой ошибки.

У меня есть простой список, определенный в моем контроллере:

$scope.prop = {}; 
$scope.prop.images = [ 
    {id: 'http://www.adiumxtras.com/images/thumbs/dango_status_icon_set_7_19047_6248_thumb.png'}, 
    {id: 'https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Red_information_icon_with_gradient_background.svg/48px-Red_information_icon_with_gradient_background.svg.png'}, 
    {id: 'https://www.haiku-os.org/docs/userguide/images/apps-images/icon-o-matic-icon_64.png'}, 
]; 

и мой HTML выглядит следующим образом:

<div sv-root sv-part="prop.images"> 
    <div ng-repeat="image in prop.images" sv-element> 
     <img src="{{ image.id }}"> 
    </div> 
</div> 

Я сделал a plunker here.

Кто-нибудь знает, что я делаю неправильно? Все советы приветствуются!

Answer 1

У вас здесь пара проблем. Первое существо, что угловая сортировка ракурс представляет собой отдельный модуль, который нужен добавить к вашему приложению:

angular.module('sort', ['angular-sortable-view']) 

В дополнении к этому, так как изображениям перетаскивать в браузере, то необходимо отключить, что:

<img draggable="false" ng-src="{{photo.id}}" /> 

Проверить раздвоенный plunkr здесь: http://plnkr.co/edit/i8Z8jJGnJoGFgTMFej4Q?p=preview

Answer 2

Согласно https://github.com/kamilkp/angular-sortable-view для сортировки изображений, нужно добавить перемещаемый = «ложный» atribute к изображению:

<img draggable="false" ng-src="{{image.id}}">