在 ionic 2 中使用 angular 2 ajax

Question

我是运行 ionic 2 中的 angular 2 应用程序，我正在尝试从服务器获取 JSON 数据。调用服务器并接收 JSON 以便我的应用程序可以解析它的过程是什么？打电话时有什么需要注意的吗？

Answer 1

您需要将 Http 的实例注入到要执行请求的元素（组件或服务）中。

例如在组件中使用 ES6：

(...)
import {Http} from 'angular2/http';
import 'rxjs/Rx';

@Page({
  templateUrl: 'build/pages/page3/page3.html'
})
export class Page3 {
  constructor(http) {
    http.get('data.json').map(res => res.json()).subscribe(
      (data) => {
        this.data = data;
      }
    );
  }

  static get parameters() {
    return [[Http]];
  }
}

请注意，您也可以使用 async 管道。有关详细信息，请参阅此 link：

https://angular.io/docs/ts/latest/api/common/AsyncPipe-class.html

不要忘记在您的应用程序中指定 HTTP 提供程序 class:

(...)
import {HTTP_PROVIDERS} from 'angular2/http';

@App({
  template: `
    (...)
  `,
  config: {},
  providers: [ HTTP_PROVIDERS ]
})
export class MyApp {
  (...)
}

在 ionic 2 中使用 angular 2 ajax

Using angular 2 ajax in ionic 2

restangular

ionic2

angular2-services

angular