Получение изображения из URL, расположенного в JSON

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>