离子2-导入/注入角度2 HTTP组件

Question

我有一个ionic 2应用程序，我一直在使用本地数据进行测试。现在，我正试图向我的api发出一些Ajax请求以获取数据。

在我的应用程序中。js文件，我正在这样定义我的组件：

import {UserProvider} from './providers/user-provider';
...
    @App({
      templateUrl: 'build/app.html',
      providers: [UserProvider]
    })

然后，我的用户提供者。js文件的定义如下：

import {Injectable} from 'angular2/core';
import {Http, httpInjectables} from 'angular2/http';

@Injectable()
export class UserProvider {
    constructor(http: Http) {
        http.get('www.someURL.com').toRx().map(res => res.json())
            .subscribe(data => console.log(data));
    }
}

然后，最后，我用我的signup.js文件初始化我的注册视图：

import {Page, NavController} from 'ionic/ionic';
import {TabsPage} from '../tabs/tabs';
import {UserProvider} from '../../providers/user-provider';

@Page({
  templateUrl: 'build/pages/signup/signup.html'
})
export class SignupPage {
  constructor(nav: NavController, userProvider: UserProvider) {
    this.userProvider = userProvider;
    this.nav = nav;
  }
}

我预期的结果是，在初始化我的注册视图时，将注入UserProvider。因此，它的构造函数将运行，这将触发UserProvider构造函数中的http.get函数。然后，我应该在浏览器网络选项卡中看到一个网络调用。

但是，我得到了这个错误：

EXCEPTION: Error during instantiation of UserProvider! (SignupPage -> UserProvider)

app.bundle.js:33693 TypeError: http.get(...).toRx is not a function
    at new UserProvider (app.bundle.js:60706)

为什么http。收到toRx（）是否导致错误？我最初是这样做的：

http.get('www.someURL.com').then(() => {
            console.log('test');
        });

但这也带来了类似的错误。

Answer 1

在angular2-beta0http中。get（）已经返回了一个可观察的，，您不需要调用它以前的。toRx（）方法，您可以直接调用。map（）等等。