Javascript 如何在我的angular代码中使用angular sortable视图？

我想通过在我尝试使用的Angular网站中拖动一些图像来对它们进行排序。是的，但是我不能让它在我自己的代码中工作，我没有得到任何错误

我在控制器中定义了一个简单的列表：

$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>

我做了

---

有人知道我做错了什么吗？欢迎所有提示

这里有几个问题。首先，角度可排序视图是一个单独的模块，您需要将其添加到应用程序中：

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

此外，由于图像可在浏览器中拖动，因此必须禁用：

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

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

---

请检查此处的分叉插销：

您在此处遇到了一些问题。首先，角度可排序视图是一个单独的模块，您需要将其添加到应用程序中：

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

此外，由于图像可在浏览器中拖动，因此必须禁用：

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

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

请检查此处的分叉按钮：

根据需要将Dragable=“false”atribute添加到图像的排序图像：

根据对图像的排序，您需要将draggable=“false”atribute添加到图像中：