Installation is easy since packery-angular has minimal dependencies.
This module requires the following libraries to be already installed:
angular@1.5.0draggabilly@2.1.0packery@2.0.0
$ npm install packery-angular$ bower install packery-angularAdd the necessary scripts to your HTML page.
<!DOCTYPE html>
<html ng-app="app">
<head>
<!-- Include the necessary libraries -->
<script src="js/angular.min.js"></script>
<script src="js/draggabilly.pkgd.min.js"></script>
<script src="js/packery.pkgd.min.js"></script>
<!-- Include the packery-angular script -->
<script src="js/packery-angular.min.js"></script>
</head>
</html>When all of the dependencies are installed, inject this module to the list of dependencies of your application.
angular.module('app', ['packery-angular']);This module exposes a couple of directives to simplify the usage of the Packery instance.
<pa-packery pa-options="options">
<pa-packery-item class="pa-item">Sample item 1</pa-packery-item>
<pa-packery-item class="pa-item">Sample item 2</pa-packery-item>
<pa-packery-item class="pa-item">Sample item 3</pa-packery-item>
</pa-packery>$scope.options = {
columnWidth: 1,
dragSelector: '',
isAppended: true,
isDraggable: true,
itemSelector: '.pa-item',
rowHeight: 1,
stamp: '.pa-stamp'
};Please check the CHANGELOG.md for the list of changes.
I am open for modifications on this project. Please check the CONTRIBUTING.md for the contribution guidelines.
This repository is open source and distributed under the MIT License.
Packery is a product of Metafizzy LLC and is distributed under a separate license. Please refer to their website for information on Packery's license.