砌體畫廊

Question

我正在使用 angular 並想創建一個磚石圖像庫。

我試圖實現畫廊，但我看不到圖像。 有誰知道他們為什么出現以及如何解決這個問題？

我是這種環境的新手，可能走錯路了:(

堆棧閃電戰

組件.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

image是 object； 在您的<img [src]= "image.src">中嘗試image.src :)

Answer 2

您缺少 object 屬性：[src]="image" 必須是 [src]="image.src"。

您正在遍歷對象列表，其中“圖像”是列表中的一項。 您將 object 發送到圖像，這將不起作用，因為它需要 URL 字符串。 所以正確的方法是發送 use '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>