Angular2组件无法在构造函数中接收服务

Question

我有一个服务定义如下。

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

@Injectable()
export class SirService {
  constructor(private http: Http) {
    console.log("The http is: " + http);
  }

  stuff() { return ["uno", "duo", "tress"]; }
}

然后，我将组件的提供者设置为这样的服务。

import { Component } from "@angular/core";
import { SirService } from "../app.service";

@Component({
  selector: "demo",
  providers: [SirService],
  template: require("./demo.html"),
  styles: [require("./common.scss")]
})
export class Demo {
  // constructor() {
  constructor(private service: SirService) {
    console.log("Service: " + service);
  }
}

不过，我不确定如何访问服务中的stuff() 调用。上面产生的错误告诉我 Angular 找不到任何有意义的东西来推入我的构造函数。当我使用无参数构造函数时，我没有对服务的引用。有点卡在那里，似乎很少有例子展示如何为组件而不是模块执行此操作......（我可能在谷歌上愚蠢地搜索......）

错误消息很庞大，但这是最相关的部分（据我所知）。

未处理的 Promise 拒绝：没有 Http 提供者！ ;区域：角度；任务：Promise.then；值：

Answer 1

错误是

No provider for Http

这意味着问题不在于您的服务。问题是你的服务需要使用Http服务，而这个服务不存在。

需要导入提供该服务的HttpModule：

@NgModule({
  // ...
  imports: [BrowserModule, ..., HttpModule]
})
export class AppModule {}

更多解释在the documentation