我是 AngularJS 的新手，我对当前项目有点压力，这就是我在这里问的原因。
我看到 AngularJS 有 ng-dragstart 事件 (http://docs.ng.dart.ant.c-k.me/angular.directive/NgEventDirective.html) 但它似乎不起作用。在其他页面上，我可以看到其他开发人员建议执行新的“指令”。
所以我的问题是：“AngularJS 中是否实现了原生 ng-drag 功能，还是我应该自己实现？”
【问题讨论】：
标签： angularjs drag-and-drop angularjs-directive
如果您不想使用已经制作好的，则需要自己实现。我自己拼凑了一些东西。
我需要的是一种在角度上下文中使用拖动事件的简单方法。我想要其他 ng-events 具有的完全相同的功能，只是拖动事件也一样。我查看了源代码here，并且大部分复制了源代码如何创建 ng-event 指令。
包含ngDrag 作为依赖项。您可以使用所有ng-drag* 事件。
(function(){
var ngDragEventDirectives = {};
angular.forEach(
'drag dragend dragenter dragexit dragleave dragover dragstart drop'.split(' '),
function(eventName) {
var directiveName = 'ng' + eventName.charAt(0).toUpperCase() + eventName.slice(1);
ngDragEventDirectives[directiveName] = ['$parse', '$rootScope', function($parse, $rootScope) {
return {
restrict: 'A',
compile: function($element, attr) {
var fn = $parse(attr[directiveName], null, true);
return function ngDragEventHandler(scope, element) {
element.on(eventName, function(event) {
var callback = function() {
fn(scope, {$event: event});
};
scope.$apply(callback);
});
};
}
};
}];
}
);
angular
.module('ngDrag', [])
.directive(ngDragEventDirectives);
}());
【讨论】：
null 和 true args 到 parse 是什么意思？我在 Angular 文档中看到了唯一的论点 expression：docs.angularjs.org/api/ng/service/$parse
您可以通过 codef0rmer 为 AngularJS 使用 Angular 拖放。对于拖放中引发的事件，它很容易实现并支持 angular 和 jquery 回调
在您的情况下，对于拖动功能，您可以将其写为
<div class="btn btn-primary" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" ng-model="list1" jqyoui-draggable="{animate:true}" ng-hide="!list1.title">{{list1.title}}</div>
我个人使用它，发现它很容易。
更多详情Here
【讨论】：