css - 从位于 JSON 中的 url 获取图像

Question

我需要提取 url 并将其显示为图片:

从 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>