Add bricks only after all images are loaded about angular2-masonry HOT 3 OPEN

Hi @SystemDisc,

I solved the issue by calling the layout method each time an image was loaded.

E.g.

…
<img class="card-image" [src]="searchResult.imageLink" (load)="triggerMasonryLayout()">
…

In the component that has the HTML:

constructor(
  @Inject(forwardRef(() => AngularMasonry)) private masonryContainer: AngularMasonry
) {
}

…

triggerMasonryLayout() {
  this.masonryContainer.layout();
}

from angular2-masonry.

My request was to set up masonry after ALL images have finished loading, instead of after each.

from angular2-masonry.

Ok, I understand.

This Angular port uses the masonry JS plugin which had recently added horizontal ordering.
Check out this blog post.

I am curios if this would solve your problem.

from angular2-masonry.