AngularJS拖放

Question

如果我有一个类似下面的JSON ..

$scope.pools = [    {id: 1, poolName : 'Pool1', env : 'Env1', executionMode: 'Both',
        modelets: [{id: 'm1', name : 'MM1', status : 'active', capacity : '1 GB'},
                   {id: 'm2', name : 'MM2', status : 'active', capacity : '1 GB'},
                   {id: 'm3', name : 'MM3', status : 'active', capacity : '1 GB'}]},
    {id: 2, poolName : 'Pool2', env : 'Env2', executionMode: 'Both',
        modelets: [{id: 'm4', name : 'MR1', status : 'active', capacity : '1 GB'},
                   {id: 'm5', name : 'MR2', status : 'active', capacity : '1 GB'}]
    }
];

我必须将modelet从一个池拖放到另一个池。例如，如果我将m3从pool1拖到并将其放入pool2的modelet中，则应从pool1.modelets中删除m3，并将其添加到pool2.modelets中，反之亦然。

注意：我正在尝试使用http://codef0rmer.github.io/angular-dragdrop/#/

请为我提供有效的解决方案。感谢adnavce。

Answer 1

最后，我得到的东西在这种情况下工作得很好...... 我们需要在可拖动元素中进行以下更改。

<div class="btn btn-primary" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" ng-model="pool.modelets" jqyoui-draggable="{index: {{$index}},animate:true}" ng-hide="!modelet.name">{{modelet.name}}</div>

updated fiddler工作正常。