基本可以与AngularJS一起使用?
我不想要可拖动的可排序元素或任何花哨的东西,只是一个可拖动的元素,就像一个普通的jQuery div draggable对象:
$("#draggable").draggable();
通过Angular执行此操作的正确方法是什么? 我仍然使用jQueryUI,或者我可以使用AngularUI中的任何内容吗? 我查看了两个Angular库,但没有找到任何专门处理可拖动对象的内容。
使用指令。
例:
angular.module("myApp").directive('andyDraggable', function() { return { restrict: 'A', link: function(scope, elm, attrs) { var options = scope.$eval(attrs.andyDraggable); //allow options to be passed in elm.draggable(options); } }; });
HTML
Drag me! Drag me with options!
指令文档: http : //docs.angularjs.org/guide/directive
您还可以在拖动,挂钩事件等过程中为元素的当前位置创建数据绑定。但这是一个非常基本的版本。