search

jelgblad / angular2-masonry

https://github.com/desandro/masonry module for Angular2
101 stars 48 forks source link

Bricks start from left position initially. #60

Open vugar005 opened 7 years ago

vugar005 commented 7 years ago

Hi I am facing issue which is pretty annoying. When bricks start initially they start from left position. I used imagesloaded = true and see no errors in console. 

  <div class="masonryContainer">
    <masonry [useImagesLoaded]="true"  [options]="myOptions" *ngIf="showEmployees" >
      <masonry-brick *ngFor="let employee of employees" class="brick " >
        <div class="employeeBox" >
          <div class="employeePhoto">
            <img src="assets/icons/user.svg">
          </div>
          <div class="employeeInfo">
            <p>{{employee.name}}</p>
          </div>
          <div class="employeeBottom">
            <span></span>
            <span></span>
            <span></span>
          </div>
        </div>
      </masonry-brick>
    </masonry>
  </div>

The interesting is that I use masonry also in another component with same code and facing no issue. What is the cause of it? Hope someone give advice. 20171110_105758

Shailu4u commented 6 years ago

@vugar005 You can check out this new Masonry library https://github.com/Shailu4u/ng-masonry-grid

vugar005 commented 6 years ago

@Shailu4u thanks I would try that