pigallery2/frontend/app/gallery/grid/grid.gallery.component.html

<div #gridContainer>
  <app-gallery-grid-photo
    *ngFor="let gridPhoto of photosToRender"
    (click)="lightbox.show(gridPhoto.photo)"
    [gridPhoto]="gridPhoto"
    [style.width.px]="gridPhoto.renderWidth"
    [style.height.px]="gridPhoto.renderHeight"
    [style.marginLeft.px]="IMAGE_MARGIN"
    [style.marginRight.px]="IMAGE_MARGIN">

  </app-gallery-grid-photo>
</div>
grid performance improvement 2016-06-25 20:13:06 +08:00			`<div #gridContainer>`
code improvement 2018-05-04 07:17:08 +08:00			`<app-gallery-grid-photo`
improving tests 2018-03-31 03:30:30 +08:00			`*ngFor="let gridPhoto of photosToRender"`
			`(click)="lightbox.show(gridPhoto.photo)"`
			`[gridPhoto]="gridPhoto"`
			`[style.width.px]="gridPhoto.renderWidth"`
			`[style.height.px]="gridPhoto.renderHeight"`
			`[style.marginLeft.px]="IMAGE_MARGIN"`
			`[style.marginRight.px]="IMAGE_MARGIN">`
implementing responsive photo grid system 2016-04-09 21:19:25 +08:00
code improvement 2018-05-04 07:17:08 +08:00			`</app-gallery-grid-photo>`
improving tests 2018-03-31 03:30:30 +08:00			`</div>`