From 3108799e1441b80ad11b00ba254830c2cb3cd971 Mon Sep 17 00:00:00 2001
From: Oded Niv <oded.niv@gmail.com>
Date: Wed, 15 Jul 2015 18:18:27 +0300
Subject: [PATCH] document $emit('masonry.layout') and default masonry options

---
 README.md | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/README.md b/README.md
index 6764d32..659ac04 100644
--- a/README.md
+++ b/README.md
@@ -22,6 +22,7 @@ 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/
 
 ```html
+<!-- default options: { itemSelector: ".item" } -->
 <div masonry='{ "transitionDuration" : "0.4s" , "itemSelector" : ".tile"}'>
   <!-- items -->
   <div masonry-tile ng-repeat="item in items">
@@ -29,3 +30,12 @@ var myApp = angular.module('MyApp',['masonry']);
   </div>
 </div>
 ```
+
+> When something has changed in your layout and you want to updated masonry, simply call `scope.$emit('masonry.layout')`:
+
+```html
+<div masonry class="{{containerClass}}">
+  ...
+  <button ng-click="containerClass = 'bigger'; $emit('masonry.layout')" />
+</div>
+```