Having trouble displaying JSON objects using Angular

Question

Having an interesting time pulling this weather_code object to the page. Any ideas? :-)

Here's my code:

    <div *ngFor="let forecast of this.weatherData?.forecasts | keyvalue">
    {{ forecast.value.hourly[0].weather_code }}
    </div>

question from:https://stackoverflow.com/questions/65890990/having-trouble-displaying-json-objects-using-angular

Answer 1

where is the forecasts array? If the whole object is the displayed object (in your screenshot) you just have to do response.forecast['2021-01-25'].hourly[0].weather_code