Angular，类型上不存在属性

Question

I have a small weather app. All works fine in browser, but I'm getting errors from TS compiler: property name , main , wind does not exist on type Weather[] . But seems like I added these properties in class Weather[] ...

export class AppComponent implements OnInit {  
  weather:Weather[];
  temp:string;
  pressure:number;
  humidity:number;
  wind_speed:number;
  wind_dec:number;
  city:string;
  activeId:string = "Misto Kyyiv"; 

  constructor(private getWeatherService:GetWeatherService) {}

  ngOnInit() {    
    this.getWeatherService.getWeather("Misto Kyyiv").subscribe(weather => {
      this.weather = weather;
      this.temp = (weather.main.temp -273.15).toFixed(2);
      this.pressure = weather.main.pressure;
      this.humidity = weather.main.humidity;
      this.wind_speed = weather.wind.speed;
      this.wind_dec = weather.wind.deg;
      this.city = weather.name;
      console.log(this.weather);
      console.log(this.temp);
    });
  }

export class Weather {
    main:any = {};
    wind:any = {};
    temp:number;
    pressure:number;
    humidity:number;
    wind_speed:number;
    wind_dec:number;
    city:string;
    activeId:string; 
    name:string;   
}

  //Get Weather 
  //it worked when I changed here Weather[] to Weather !!!
  getWeather(city:string):Observable<Weather> {
    let key = "c2dcf8ffb5cdc3f8977bfd2ae7ea4738";    
    let url = "http://api.openweathermap.org/data/2.5/weather?q=" + city + "&?units=metric&APPID=" + key;
    return this.http.get<Weather>(url);
  }

Answer 1

我将Weather[]更改为Weather ，TS 编译器停止大喊大叫！

Answer 2

Try defining data:any in subscribe

ngOnInit() {    

    this.getWeatherService.getWeather("Misto Kyyiv").subscribe((data: any)=> {
      this.weather = data;
      this.temp = (data.main.temp -273.15).toFixed(2);
      this.pressure = data.main.pressure;
      this.humidity = data.main.humidity;
      this.wind_speed = data.wind.speed;
      this.wind_dec = data.wind.deg;
      this.city = data.name;
      console.log(this.weather);
      console.log(this.temp);
    });
  }

Answer 3

I had the same problem and just that was the solution. Before:

async getProfessional(){
     await this._ps.getProfessional(idProfessional).subscribe( data => {
        this.professionalSkills = data[0].aptitudes;
        this.technicalSkills = data[0].technologies;

    });
  }

After:

async getProfessional(){
     await this._ps.getProfessional(idProfessional).subscribe( (data:any) => {
        this.professionalSkills = data[0].aptitudes;
        this.technicalSkills = data[0].technologies;
    });
  }