Как создать экземпляр импортированного класса в angular

Я работаю над погодным приложением angualr. для которого я создал класс погоды

 export class Weather{
          city: string;
          condition: string;
          icon: string;
          temp: number;
        }

и я делаю запрос http API для получения подробной информации о погоде.

я импортировал этот класс Weather и хочу назначить поля в соответствии с объектом json из вызова API.

так.

weather:Weather;
getWeather():void{
               this.weatherserv.getWeather().subscribe(data=>{
                   this.weather.city=data.location.name;
                  this.weather.condition=data.condition.text;
                   this.weather.condition=data.condition.icon;
                   this.weather.temp=data.current.temp_c;
               })
             }

Ошибка, которую я получаю:

Error: Cannot set property 'city' of undefined

angular api

30.05.2019 11:39

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

188

Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Ты должен попытаться:

weather= new Weather();

или в вашем случае лучше использовать интерфейсы:

 export interface Weather{
          city?: string;
          condition?: string;
          icon?: string;
          temp?: number;
        }
weather:Weather = {};

здесь я объяснил, почему в вашем случае лучше использовать интерфейсы.

Это должен был быть принятый ответ. +1 за использование интерфейса вместо класса

— 30.05.2019 12:06

да, здесь лучше использовать интерфейсы, а не класс, я думаю, что это должен быть принятый ответ.

— 30.05.2019 12:12

30.05.2019 11:42

вы должны создать новый объект из своего класса, а затем установить для него значения.

30.05.2019 11:43

Ответ принят как подходящий

попробуй это:

weather: Weather =  new Weather();
getWeather():void{
           this.weatherserv.getWeather().subscribe(data=>{
               this.weather.city=data.location.name;
              this.weather.condition=data.condition.text;
               this.weather.condition=data.condition.icon;
               this.weather.temp=data.current.temp_c;
           })
         }

30.05.2019 11:44

Протестируйте следующий код: