gpt4 book ai didi

angularjs - Dragula angular 如何访问模型项

转载 作者:行者123 更新时间:2023-12-03 20:56:43 24 4
gpt4 key购买 nike

如何访问使用 drop-model 事件拖放的确切模型项?

文档中 drop 事件的描述:

el was dropped into target before a sibling element, and originally came from source



el 似乎返回被拖动的 HTML 元素,但我需要对它后面的实际数据项执行操作。任何提示?
 <div class="collapse" id="manageUsers">
<div class='containerDragula' dragula='"bag"' dragula-model='usersInProject'>
<div ng-repeat='user in usersInProject' ng-bind='user.email'></div>
</div>
<div class='containerDragula' dragula='"bag"' dragula-model='usersNotInProject'>
<div ng-repeat='user in usersNotInProject' ng-bind='user.email'></div>
</div>
</div>

$scope.$on('bag.drop-model', function (e, el, target, source) {
//this returns the html element
console.log(el);
});

最佳答案

我遇到了同样的问题,并通过将项目的 id 添加到 HTML 元素来解决它。

像这样的东西:

<div id="{{ user.id }}" ng-repeat='user in usersNotInProject' ng-bind='user.email'></div>

在 Controller 中,我使用 id 查找项目:
$scope.$on('bag.drop-model', function (e, el, target, source) {
//getById is a function you implement (unless you already have it)
console.log(usersNotInProject.getById(el.attr('id')).email);
});

关于angularjs - Dragula angular 如何访问模型项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37647134/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com