angular5中使用jsonp请求页面

说多了，都是眼泪，折腾了很久，各种百度，查到的例子，全都报错，可能是因为我的angular的版本太高，向下都不兼容？

我的angular版本为最新的5.2.11：

下面是正确的jsonp请求的方法

1、启用http及jsonp服务

app.module.ts引入服务

import { HttpClientModule,HttpClientJsonpModule } from '@angular/common/http';

并加入到@NgModule.imports 数组

2、jsonp页面请求

在页面中引入http

import { HttpClient }    from '@angular/common/http';

声明http

  constructor(private http: HttpClient) {

  }

调用jsonp页面

  getData() {
    let url = "http://localhost/php1/index.php/Home/Api/data";
    this.http.jsonp(url,'callback')
    .subscribe(
    (data) => {
      console.log(data);
    },
    (error) => {
        console.log(error);
    });
  }