砖石廊

Question

我工作的角度，并希望创建一个画廊的砖石图像。

我试图实现图片库，但是这些图像在我看来并没有出现。有没有人知道他们为什么会出现，以及如何解决这个问题？

我对这种环境很陌生，可能走错了路：

斯塔克布利茨

Component.html

  <ul class="mdc-image-list mdc-image-list--masonry masonry-image-list">
  <li class="mdc-image-list__item"
      *ngFor="let image of data">
   <img class="mdc-image-list__image"
        [src]="image">
  </li>
</ul>

预期结果

​

​

Answer 1

您缺少了object属性: src="image“必须是src="image.src”。

您正在遍历一个对象列表，其中'image‘是列表中的一个项。您将对象发送到图像，该对象无法工作，因为它需要一个URL字符串。因此，正确的方法是发送使用'image.src'，这是URL字符串。

<ul class="mdc-image-list mdc-image-list--masonry masonry-image-list">
  <li class="mdc-image-list__item"
      *ngFor="let image of data">
         <img class="mdc-image-list__image"
            [src]="image.src">
  </li>
</ul>

Answer 2

image是一个对象；在<img [src]= "image.src">中尝试image.src :)