使用角度拖动时更改模型值

Question

我正在使用dragula以及它的后继者dragular进行示例项目的工作。

我有一个关于这个用法的问题。我在angular中实现了这个项目的拖放。我的问题是:-我使用一个对象列表作为我的模型，这是我在div中使用ng-repeat设置的。当我拖动一个项目到另一个div时，是否可以更改/修改我拖动的对象的某些属性？

我尝试了各种方法来获取移动对象的模型，但失败了。希望有人能找到解决这个问题的办法。

Answer 1

在dragular中，你可以通过'dragularService.shared.mirror‘服务访问镜像DOM元素，并随意更改。

EDIT:我注意到你提到了修改被拖动的对象，你也可以通过服务'dragularService.shared.sourceModel‘来访问它。

Answer 2

我遇到了类似的问题，通过在HTML元素上设置模型对象的id并通过此id访问它们，解决了这个问题。

HTML代码片段：

<div id="{{ user.id }}" ng-repeat="user in users">{{user.name}}</div>

在控制器中，我使用id：

$scope.$on('bag.drop', function (e, el, target, source) {
    //getById is a function you implement (unless you already have it)
    var userBeingDropped = users.getById(el.attr('id'));

    //Change the model object
    userBeingDropped.name = 'My new username';
});