TypeError: Cannot read property 'city' of undefined
Мое приложение отлично отображается в браузере, но я получаю эту ошибку в консоли Chrome, которую я хотел бы понять / исправить. Консоль выдает ошибку 3 раза, обращаясь к файлу / строке CurrentWeatherComponent.html:3, которая равна <span>{{current.city}}, {{current.country}} </span>
если я удалю {{current.city}},, появится ошибка TypeError: Cannot read property 'country' of undefined Дело в том, что в браузере приложение действительно отображает current город, current страну, current дату и все другие свойства current. Поскольку ошибка выводится на консоль три раза, но затем отображается нормально, я предполагаю, что это связано с таймингом?
Ниже код для полноты. Дайте мне знать, если (и что) мне нужно опубликовать для более подробной информации.
HTML:
current-weather.component.html:
<div>
<div>
<span>{{current.city}}, {{current.country}} </span>
<span>{{current.date | date:'fullDate'}}</span>
</div>
<div>
<img [src]='current.image'>
<span>{{current.temperature | number: '1.0-0'}}℉</span>
</div>
<div>
{{current.description}}
</div>
</div>
Компонент:
current-weather.component.ts
import { Component, OnInit } from '@angular/core'
import { ICurrentWeather } from '../interfaces'
import { WeatherService } from '../weather/weather.service'
@Component({
selector: 'app-current-weather',
templateUrl: './current-weather.component.html',
styleUrls: ['./current-weather.component.css'],
})
export class CurrentWeatherComponent implements OnInit {
current: ICurrentWeather
constructor(private weatherService: WeatherService) {}
ngOnInit() {
this.weatherService
.getCurrentWeather('Hilversum', 'NL')
.subscribe(data => (this.current = data))
}
}
async. 19.12.2018