Angular.js directives for dragging and resizing elements.
The drag directive is taken from the angular documentation (https://docs.angularjs.org/guide/directive), which unfortunately breaks the css resize property. The resize directive found in this package allows for a draggable element to also be resized.
Download the repo and include:
<script src="dist/angular-drag-resize.min.js"></script>
Via bower:
$ bower install angular-drag-resize
Via npm:
$ npm install angular-drag-resize
Via yarn:
$ yarn add angular-drag-resize
Inject angular.drag.resize into your app:
angular.module('myApp', ['angular.drag.resize']);
Then add draggable and/or resize to an element.
<div draggable resize>
My draggable and resizeable div
</div>
The resize attribute can be set to horizontal or vertical to restrict resizing to one dimension.
<div resize="horizontal"></div>
For resizing to work, an element must have its css position as relative, fixed or absolute.
MIT.