Skip to content

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

Notifications You must be signed in to change notification settings

fredericksilva/angular-masonry-directive

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 

Repository files navigation

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

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>

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published