角度拖放-如何将参数传递给onStart回调函数

Posted 2023-05-08

【中文标题】角度拖放-如何将参数传递给onStart回调函数

【英文标题】：Angular drag and drop - how to pass a parameter to the onStart callback function

【发布时间】：2015-02-26 14:00:04

【问题描述】：

情况：

我有一个使用 angular drag and drop 的应用程序。

除了一件事，一切都很好。 我需要在 onStart 回调函数中传递一个参数，但我不知道如何。 我四处寻找并尝试了几种可能性，但没有成功。 该函数本身正在工作，已被调用并正确执行，我唯一的问题是将参数传递给它。

代码：

在这个例子中，我做了一个尝试。

    <div class="col-sm-4">

        <div class="thumbnail" data-drop="true" ng-model='todo_list' jqyoui-droppable="multiple:true, onDrop:'update_item()'">
            <div class="caption">
                <div class="btn btn-info btn-draggable" ng-repeat="item in todo_list track by $index" ng-show="item.title" data-drag="true" data-jqyoui-options="revert: 'invalid'" ng-model="todo_list" jqyoui-draggable="index: $index, onStart:'set_board_item_id_panel(event, ui, board_item_id: item.board_item_id)'">item.title</div>
            </div>
        </div>

    </div>

问题：

如何在angulardrag and drop的回调函数中传递参数？

非常感谢！

【问题讨论】：

看来您缺少 set_board_item_id_panel( ?

的右括号

感谢您的关注。它可能会进行多次尝试。我编辑问题。但还是不行。

【参考方案1】：

您不需要传入参数event 和ui，它们是前两个默认参数。

替换...

onStart:'set_board_item_id_panel(event, ui, board_item_id: item.board_item_id)'

随着...

onStart:'set_board_item_id_panel(board_item_id: item.board_item_id)'

然后在您的控制器中执行此操作...

....
$scope.set_board_item_id_panel = function (event, ui, board_item_id) 
    console.log(board_item_id);

....

【讨论】：

非常感谢！这是工作。在此期间，我正在创建一个 Plunker。我已经改正了。也许你可以在你的答案中加入，这样可以提供进一步的帮助。有一个带有回调函数 onStart 和 Ondrop 的多个列表：plnkr.co/edit/Yi4xzLHms5PZprFpkpj1?p=preview