找不到Angular.js Angular拖放自定义回调函数
Angular.js angular-dragdrop custom callback function not found
我在Angular中使用这个插件。文件中说
要调用的onDrop回调方法将可拖动的对象拖放到可丢弃的中
所以我试着这样使用它(相关部分是onDrop="myCallback"):
<div class="thumbnail" data-drop="true"
onDrop="myCallback" ng-model='list1'
data-jqyoui-options="optionsList1"
jqyoui-droppable="{multiple:true}">
<div class="caption">
<div class="btn btn-info btn-draggable"
ng-repeat="item in list1"
ng-show="item.title"
data-drag="{{item.drag}}"
data-jqyoui-options="{revert: 'invalid'}"
ng-model="list1" jqyoui-draggable="{index: {{$index}},animate:true}">
{{item.title}}
</div>
</div>
</div>
并在范围上定义了这样的函数:
$scope.myCallback = function(event, ui){
console.log('Dropped into something');
};
http://plnkr.co/edit/kiYrIU?p=preview
正如您从Plunker中看到的那样,这是不起作用的,因为某些原因,没有找到回调函数(它可能没有在范围上查看?)。
我已经尝试了多种变体,如onDrop="myCallback(event, ui)"
或onDrop="myCallback"
等。这些都不起作用。
这是一个错误还是我只是没有正确使用它?
提前谢谢。
根据我看到的例子,你做得不对。
-
onDrop
回调应在jqyoui-droppable
中声明jqyoui droptable="{…,onDrop:'myCallback',…}"
但是在这里寻找更完整的代码
解决方案
Plunkr
Lil bug,它删除了前两个项目,但这应该会帮助你。更新:我刚刚注意到你对它设置了限制,真傻。在这种情况下,它解决了
相关文章:
- 测试Angular Service解决错误回调中的promise
- http/rxjs catch回调中的Angular 2重定向导致TypeError:无法读取属性'订阅'
- 在 Angular 指令中,如何进行回调,其中函数名称位于父范围的变量中
- Angular 2中Observable中获取数据后的队列/回调函数
- Angular Js 尝试从主按钮回调动态更改模态文本并且不起作用
- Angular,设置一个回调函数,用于在工厂和控制器之间更新
- 如何在angular js指令之后触发回调
- Angular promise回调不是在构造函数方法内部触发,而是在对象文本方法中触发
- 如何在Angular中传递此回调并更新$scope
- 带有选项的 Angular 指令,像 jQuery Widgets 这样的回调
- 如何在Angular中设置异步HTTP服务的回调,以便在不定义数组的情况下在控制器中填充数组
- Angular 2:当我离开路由时,如何应用回调
- 渲染的Angular ui网格的回调函数
- 在 Angular JS 中同步回调
- 如何在回调函数的 Angular 1.5 组件中处理这个问题
- RequireJS + Angular:未定义的应用程序.回调不触发
- ng-repeat之后的Angular JS回调是动态完成的
- Angular JS从服务和Http回调方法返回数据
- 如何重构Angular对回调的承诺
- jquery方法不是从angular回调调用的