我使用角度拖放列表指令来处理拖放操作。我填充与实际项目分开的组。当我把项目拖到ul元素上时会出现问题,项目会消失。这里有一个指向plunker的链接,让你明白我的意思。
以下是我的代码:
<ul ng-repeat="group in groups"
class="groups"
dnd-list="items">
<li class="title">{{group.name}}</li>
</ul>
<ul class="items">
<li class="item"
ng-repeat="item in items"
dnd-draggable="item"
dnd-moved="items.splice($index, 1)"
dnd-effect-allowed="move">
{{item.name}}
</li>
</ul>
好吧,文档说你需要在目标上设置一个dnd列表,你也需要自己呈现这个列表:
https://plnkr.co/edit/9OTy70KZZwavIWClIgvY?p=preview
<ul ng-repeat="group in groups" dnd-list="group.items" class="groups">
<li class="title">{{group.name}}</li>
<li ng-repeat="item in group.items">{{ item.name }}</li>
</ul>
而且。。。
$scope.groups = [
{
name : 'Group 1',
items: []
},
{
name : 'Group 2',
items: []
},
{
name : 'Group 3',
items: []
}
];
顺便说一句,我必须感谢你把我介绍给这个伟大的图书馆!