Scope Watch

[fmulyono]

Hi there,
First of all, great work! I've been stuck with lots of other masonry alternative and trying to tying them to Angular. Yours worked just fine.

One thing I would add though. It doesn't have any scope monitoring that it couldn't update the layout once the data are updated.

[fmulyono]

My bad. That's not the actual problem.
After more thorough testing, the problem is in elem.ready.

By using that event, it limits the items on first DOMReady event. Which means, if the items are to be modified after, it won't trigger relayout. I ended up setting-up timeout of 10ms to trigger relayout instead of relying on elem.ready event.

Any suggestions?

[klederson]

Yes, elem.ready is an option that can be removed once it generates no problem with back compatibilities, can you run some tests?

[gablabelle]

@klederson how it the best way to achieve this from a Controller ? (not in angular-masonry-directive.js directly)

Many thanks for your time and help.

[gablabelle]

@klederson in the meantime I added to you directive and it works

                scope.$watch(function () {
                    update();
                });

[klederson]

Hi @gablabelle i think using events ( and firing it from masonry directive ) could be a nice way to do that, this scope.$watch will drain your performance. I'll try to find out more time to help on this but suggestions are welcome )

[xeor]

Is there any solutions for this? I need to keep loading my items until they are out of the viewport.
My plan was to use the one of http://masonry.desandro.com/events.html and layoutComplete, but currently, I need to mix in jquery code to get something like this working. Where is https://github.com/klederson/angular-masonry-directive/blob/master/src/angular-masonry-directive.js#L41 coming from? I tryed listening for masonry.layoutComplete, but that was also a no-go..