如何在angular中實例化導入的類

Question

我正在使用angualr天氣應用程序。 為此我創建了天氣課

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

我向天氣查詢發出http api請求。

我已經導入了這個Weather類，並希望根據api調用中的json對象分配字段。

像這樣。

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

Answer 1

你應該試試：

weather= new Weather();

或者根據您的情況，最好使用接口：

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

在這里，我解釋了為什么在您的情況下使用接口更好。

Answer 2

嘗試這個：

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;
           })
         }

Answer 3

您應該從您的類中創建一個新對象，然后為其設置值。

Answer 4

測試遵循代碼：

weather: Weather = new Weather;

在這里： 為此而努力