基于 AngularJS 的拖拽指令
- 支持 GPU 加速
- 支持边界限制
- 支持设置拖拽把柄
- 移动端与 PC 端通用
支持使用 script 标签或者 webpack、requirejs、seajs 调用:
调用
<script src="lib/angular.js"></script>
<script src="dist/angular-drag.js"></script>
<script>
var app = angular.module('app', ['angular-drag']);
</script>
安装
npm install angular-drag
调用
require('angular-drag');
var app = angular.module('app', ['angular-drag']);
angular-drag 依赖
angular
与jquery
两个全局模块
drag
被拖拽的元素drag-handle
触发拖拽的把柄(可选)
- 简单的可拖拽元素
<div drag class="example">
hello world
</div>
- 自定义拖拽的把柄
<div drag class="example">
<div drag-handle></div>
<p>hello world</p>
</div>