HTML
<ul ng-repeat="item in collection">
<li item>
<img ng-src="{{item.src}}" item-img>
<li>
</ul>
AngularJS
.directive('item', function() {
var container = angular.element('ul');
return {
link: function( scope ) {
if( scope.$last ) {
container.masonry({
/* options */
});
}
}
};
})
.directive('itemImg', function() {
var container = angular.element('ul'); // これまとめる方法ないかな
return {
link: function( scope, element ) {
element.imagesLoaded().always( function() {
container.masonry('layout');
};
}
};
})