angular-drag - 基于Angularjs的拖拽指令
angular-drag
基于 AngularJS 的拖拽指令
- 支持 GPU 加速
- 支持边界限制
- 支持设置拖拽把柄
- 移动端与 PC 端通用
使用
支持使用 script 标签或者 webpack、requirejs、seajs 调用：
script
调用
<script src="lib/angular.js"></script> <script src="dist/angular-drag.js"></script> <script> var app = angular.module('app', ['angular-drag']); </script>webpack
安装
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>在线演示：https://aui.github.io/angular-drag/example/index.html
许可
本文由用户 jopen 自行上传分享，仅供网友学习交流。所有权归原作者，若您的权利被侵害，请联系管理员。
转载本站原创文章，请注明出处，并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台，欢迎各类分享！