angular - ionic 2 的 ConnectionBackend 没有提供者

Question

我正在使用 ionic 2，我创建了一个简单的服务

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';

@Injectable()
export class EliteApi {

  private baseUrl="https://myurl.com";
    constructor(private http:Http) { }

    getTournaments(){
      return new Promise(resolve =>{
        this.http.get(this.baseUrl + 'tournaments.json').subscribe(res => resolve(res.json()));

      });
    }
}

然后我像这样将其导入 app.component.ts 以注册服务

import { EliteApi } from './shared/shared';
import {Http} from "@angular/http";

@Component({
  templateUrl: 'app.html',
  providers: [EliteApi,Http]
})

然后在我的页面上导入服务

import { EliteApi } from '../../app/shared/shared';

在加载事件时我写了这个来获取 json 数据

  ionViewLoaded(){
    this.eliteApi.getTournaments().then(data => this.tournaments = data);
  }

它给了我异常(exception)说没有 ConnectionBackend 的提供者!

我试过一些类似的问题，这里说把服务放在提供商身上

@NgModule({ 提供商:[ EliteApi

同样的错误

Answer 1

您是否在App 模块中导入了HttpModule？

import { HttpModule } from '@angular/http';

@NgModule({
   imports: [HttpModule]
})