API не вызывается из Интернета

Question

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

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

Я натолкнулся на блок и чувствую, что просто пропускаю какой-то код или делаю что-то не так. Любая помощь будет оценена.

Код ниже от моего провайдера weather.ts

constructor(public http: HttpClient)
  {
    console.log('Hello WeatherProvider Provider');
    //this.url = 'http://api.openweathermap.org/data/2.5/weather?q=dublin,Ireland&APPID=b90245073a8392aec69a261861286c3b';

  }

  // getting weather info from API with a custom city and country
  getWeather(city, country):Observable<any> 
  {
    return this.http.get('https://api.openweathermap.org/data/2.5/weather?q='+city+','+country+'&APPID='+this.apiKey);
  }

}

console.log в конструкторе появляется в консоли, но больше ничего.

код ниже от моей страницы home.ts

export class HomePage
{
  weather: any;
  location: 
  {
    city: string,
    country: string
  }

  constructor(public navCtrl: NavController, private weatherProvider:WeatherProvider) 
  {

  }

  ionWillEnter()
  {
    this.location = {city: 'dublin', country: 'Ireland'}

    this.weatherProvider.getWeather(this.location.city, this.location.country).subscribe(weather => {
      console.log(weather);
    });
  }

}

console.log (погода); моя конечная цель Чтобы он отображался в консоли, как задумано.

Answer 1

Angular имеет методы жизненного цикла.Первоначально будет вызываться NgonInit, поэтому вам нужно поместить код в метод onInit.См. Другие хуки жизненного цикла здесь https://angular.io/guide/lifecycle-hooks

Answer 2

Вы неправильно указали имя метода жизненного цикла.

Возможно, вы захотите использовать либо ionViewWillEnter, либо ngOnInit