我不需要可拖动的可排序元素或任何花哨的东西,只是一个可拖动的元素,就像普通的 jQuery div 可拖动对象一样:
$("#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
<div andy-draggable>Drag me!</div>
<div andy-draggable="{key: value}">Drag me with options!</div>
指令文档:http://docs.angularjs.org/guide/directive
您还可以在拖动、连接事件等过程中为元素的当前位置创建数据绑定(bind)。但这是一个非常基本的版本。
关于javascript - AngularJS 的基本可拖动功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14589516/