Typescript 角度5滤波器>;地图>;将图像指定给OpenWeather对象并显示在屏幕上';t显示

Typescript 角度5滤波器>;地图>;将图像指定给OpenWeather对象并显示在屏幕上';t显示,typescript,rxjs,angular5,Typescript,Rxjs,Angular5,我试图在预测(5天预测)中填充图像,首先只过滤晴朗的天气,然后使用map分配图像URL,然后在HTML中为每个天气项目请求图像URL,但它似乎没有得到图像的来源[src]=clearImage.imaging有什么想法吗 我不明白您为什么要创建新的列表clearImage并在模板中引用它。我还感到惊讶的是,由于对象是通过引用传递的,所以您实际上将“成像”添加到预测中通过过滤器的项目中。因此,您仍然可以将它们引用为[src]=“forecast.imaging”,这样就可以了 然而,正确的方法是操

我试图在预测(5天预测)中填充图像,首先只过滤晴朗的天气,然后使用map分配图像URL,然后在HTML中为每个天气项目请求图像URL,但它似乎没有得到图像的来源[src]=clearImage.imaging有什么想法吗


我不明白您为什么要创建新的列表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;
        });