CODEWITHSUNDEEP
angulartypescript
Yurii
Yurii

Reputation: 301

Angular, property does not exist on type

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

Upvotes: 2

Views: 7270

Answers (3)

Kevin Casasbuenas
Kevin Casasbuenas

Reputation: 1

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

Upvotes: 0

Exterminator
Exterminator

Reputation: 1246

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

Upvotes: 2

Yurii
Yurii

Reputation: 301

I changed Weather[] to Weather, and TS compiler stopped yelling!

Upvotes: 4

Related Questions