如何使用angular js 实现拖拽

2024-12-29 05:50:46
推荐回答(1个)
回答1:

基于 AngularJS 的拖拽指令
支持 GPU 加速
支持边界限制
支持设置拖拽把柄
移动端与 PC 端通用
使用
支持使用 script 标签或者 webpack、requirejs、seajs 调用:
script
调用

script src="lib/angular.js">



webpack
安装
npm install angular-drag

调用
require('angular-drag');
var app = angular.module('app', ['angular-drag']);

angular-drag 依赖 angular 与 jquery 两个全局模块
指令
drag 被拖拽的元素
drag-handle 触发拖拽的把柄(可选)
示例
简单的可拖拽元素



hello world

自定义拖拽的把柄



hello world