角度 5 过滤器 > 地图 > 将图像分配给 OpenWeather 对象，屏幕上显示不显示

Question

我正在尝试填充预报(5天预报(中的图像，首先仅过滤晴朗的天气，然后使用地图分配图像URL，然后在HTML中为每个天气项目询问，但它似乎没有得到图像的来源[src] = clearImage.imaging 有什么想法吗？

这是我在Stackblitz上的可编辑项目

Answer 1

我不明白你为什么要创建新的列表 clearImage 并在模板中引用它。我也很惊讶，由于对象是通过引用传递的，您实际上将"成像"添加到通过过滤器的预测中的项目中。因此，您仍然可以将它们引用为[src]="forecast.imaging"并且它会起作用。

但是，正确的方法是操纵 api 响应本身。我不确定你为什么不这样做：

this.forecasts.list = this.forecasts.list
.filter(item => item.weather[0].main.toLowerCase().indexOf('clear') > -1)
.map(item => {
item.imaging = 'https://icons.iconarchive.com/icons/icons8/ios7/96/Weather-Sun-icon.png';
return item;
});