Angular img来自回应

Question

我有图片和一些文字的响应数组。我使用* ngFor：

在网站上展示

 <div *ngFor="let post of allPosts">
  <img src="{{post.better_featured_image.source_url}}" alt="">
  <h2>{{ post.title.rendered }}</h2>
 </div>

有时在加载网站时，图片不会显示在页面上，然后我在DevTools中为img设置样式 - display: block;图片出现了，但是当重新加载页面时，它可能会再次消失。

如果我添加了style.css display: block; - ＆gt;问题没有解决。

看起来图片有时会得到样式display: none;

5分钟后添加...... 在 style.css img是

.stock img {width: 370px;height: 100%;}

我删除了height: 100%;，看起来问题已经消失。

Answer 1

尝试使用方括号 src ： -

 <div *ngFor="let post of allPosts">
  <img [src]="{{post.better_featured_image.source_url}}" alt="">
  <h2>{{ post.title.rendered }}</h2>
 </div>

Answer 2

问题出在第height: 100%;行

中的style.css中