javascript - Angular拖放——如何给onStart回调函数传递参数

标签 javascript jquery angularjs drag-and-drop jquery-ui-draggable

情况:

我有一个使用 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>

问题:

如何在angular drag and drop的回调函数中传递参数?

非常感谢!

最佳答案

你不需要传入参数eventui,它们是前2个默认参数。

替换...

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})'

然后在您的 Controller 中执行此操作...

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

关于javascript - Angular拖放——如何给onStart回调函数传递参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27704862/

相关文章:

javascript - AngularJS 在屏幕之间发送值

javascript - 使用 prependTo() 创建嵌套元素

javascript - 在 react-router-dom 中使用 BrowserRouter 的动态基名

javascript - HTML 5 Canvas] 调整大小时的图像质量

javascript - 获取 webpack 入口点名称并在加载器中重用它

Javascript 手动设置 URL

php - 使用 datepicker jquery ajax php 更新 mysql 数据库字段

javascript - AngularJS : How to bind data to a Directive?

javascript - 什么是单例对象?

angularjs - 如何检查是否已定义angularjs Controller