从JSON中的url获取图像

Question

我需要提取网址并将其显示为图片：

从json看起来如何：

我的html：

<ul>
  <li *ngFor="let product of store.Products">

    <p>Product ProductImage: {{ product.ProductImage }}</p>
    <p>Product Price: {{ product.Price }}</p>

  </li>
</ul>

我可以用烟斗吗？

Answer 1

我在您提供的json中看到一个空格，您需要

<p>Product ProductImage: {{ product["Product ProductImage"] }}</p>
<p>Product Price: {{ product.Price }}</p>

如果要查看图像，则需要替换为图像标签

  <p><img [src]="product["Product ProductImage"]" /></p>
  <p>Product Price: {{ product.Price }}</p>