时间戳

首页 > 解决方案 > 角度 - 从 api 获取图像

angular - 角度 - 从 api 获取图像

问题描述

我正在为 api 使用 angular 和 swagger 做一个小项目。我有一些船，其中一些信息存储在 swagged 中，如下所示：

"draft": 6.5,
"length": 2.3,
"dateFrom": "11/10/2020",
"dateTo": "21/10/2020",
"departingCity": "Amalfi Coast",
"offerPrice": 9416.6,
"discount": 0.3,
"hasWifi": true,
"hasGps": true,
"offerType": "BAREBOAT",
"boatImages": [
  {
    "id": "d4cb7afd-f677-4a5d-b2a5-cad5b1489d25",
    "filename": "CMTW-80722.png"
  }
]

然后，在 angularjs 中，我创建了一个对象boat 并将每个实例存储在其中。然后，我使用 ngFor 显示每艘船，以在列表中显示每艘船，如下所示：

<div class="card mb-4 bg-secondary" *ngFor="let boat of this.boatList">
.
.
.
<p class="card-text">Number of cabins: {{boat.numberOfCabins}}</p>
<p class="card-text">Number of Berths: {{boat.numberOfBerths}}</p>

唯一的问题是我必须显示船图像..我想我应该使用上面显示的文件名来显示它..但是，我似乎无法获得文件名..我试过{{boat.boatImages.filename}}, {{boat.boatImages[1]}}，{{boat.boatImages[filename]}}但都没有工作......很高兴得到答案！谢谢！

标签： angularimageapi

解决方案

推荐阅读