Angular 5 не может загрузить данные jsonp из URL

Question

Я чувствую, что упускаю что-то действительно простое.

Я создал пустой ионный проект, и мне нужно извлечь данные из URL, выплевывающего JSONP.

Вот как выглядит мой home.ts:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { HttpClientModule} from '@angular/common/http';
import { HttpClient} from '@angular/common/http';
import { RedditData } from '../../providers/reddit-data/reddit-data'
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/map'
import 'rxjs/Rx';
import 'rxjs/add/operator/do';
import 'rxjs/add/operator/catch';
import { UsingObservable } from 'rxjs/observable/UsingObservable';
import { Jsonp } from '@angular/http';

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})
export class HomePage {

 result:any = [];
 data:Observable<any>;

    constructor(public navCtrl: NavController, private http: HttpClient,private json:Jsonp) {

    }

ionViewDidLoad(){

    var url='/common/v1/airport.json?code=BGW&';
    this.data=this.json.request(url,'callback=JSONP_CALLBACK');
    this.data.subscribe(data =>{
        this.result=data;
        console.log(data)
    });
  }


}

Когда я работаю на локальном сервере, я получаю сообщение в консоли Google Chrome:

ошибка GET /common/v1/airport.json?code=BGW& 418 ()

Answer 1

Попробуйте это ..

this.http.get(`http://url`).subscribe(
            data => {
                 this.result=data;
                 console.log(data)
            });