/angular-masonry-directive

A very simple and 100% compatible masonry directive for AngularJS ... do you know how to use masonry? Good! You know how to use this

Primary LanguageJavaScript

angular-masonry-directive

This is a fork of https://github.com/klederson/angular-masonry-directive.

A very simple and 100% compatible masonry directive for AngularJS.

This directive is meant for the raw masonry lib and not the jQuery one.

How to use

First you include it on your app

<script src="angular-masonry-directive.js"></script>

Then setup your app

var myApp = angular.module('MyApp',['masonry']);

And then just use it (note that the masonry directive uses the same pattern as the masonry directive uses http://masonry.desandro.com/

<div masonry='{ "transitionDuration" : "0.4s" , "itemSelector" : ".tile"}'>
  <!-- items -->
  <div masonry-tile ng-repeat="item in items">

  </div>
</div>