Angular 2:没有ConnectionBackend的提供者!怎么解决?

时间:2017-04-14 14:27:47

标签: angular ionic-framework ionic2

我在这里遵循这个教程https://tableless.com.br/criando-uma-aplicacao-movel-com-ionic-2-e-angular-2-em-dez-passos/但事情并没有像预期的那样,我陷入了“没有提供者......”的错误。 (该教程是葡萄牙语,但我认为只有通过查看代码示例才能得到它。)

代码是这样的:

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  public feeds: Array<string>;
  private url: string = "https://www.reddit.com/new.json";  
  constructor(public navCtrl: NavController, public http: Http) {
    this.http.get(this.url).map(res => res.json())
      .subscribe(data => {
        this.feeds = data.data.children;
      }); 
  }
}

首先,错误是“Http”。 然后我(想想我)解决了这个问题:

@Component({
  selector: 'page-home',
  providers: [Http],
  templateUrl: 'home.html'
})

但现在错误是“没有ConnectionBackend的提供者!”,我不知道如何解决。

1 个答案:

答案 0 :(得分:1)

您需要将HttpModule添加到app.module中的导入。

@NgModule({
  imports: [
    HttpModule, <----
    BrowserModule,
    HttpModule,
  ],
  declarations: [AppComponent],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {
}