如何在angular-cli v1.0.0-beta.11-webpack.8中使用http

Question

我最初在Github问题上发布了这个问题，然而，被提示宁愿在StackOverflow上尝试。所以，它是这样的:

我最初使用1.0.0-beta.9版本测试并编写了Pluralsight教程。

然而，我今天尝试了最新版本，对于我的生活，我不知道如何使用http调用一些服务。你能不能给我们举个例子?

---

额外的信息:

1. 操作系统Mac OSX (El Capitan - 10.11.4)

2. 版本:angular-cli: 1.0.0-beta.14节点:10/24/11os: darwin x64

3. Repro步骤:尝试了各种方法和教程注入http，但无济于事。

我不是在寻求帮助什么的，我只是在寻求帮助，让我朝着正确的方向前进。

最重要的是，感谢你这个了不起的项目!

Answer 1

我知道问题出在哪里了，所以如果其他人自己也遇到了这个问题，我不妨在这里解释一下。

所以，当我用npm install -g angular-cli安装angular-cli时，我一开始没有注意到这个错误:UNMET PEER DEPENDENCY webpack@2.1.0-beta.22

我现在做的是

npm install webpack -g && npm install webpack --save-dev

，现在我可以像这样将Http包含到我的组件中:

import { Http, Response } from '@angular/http';

，然后像这样在类中使用:

import { Component } from '@angular/core';
import { Http, Response } from '@angular/http';
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
    title = 'app works!';
constructor(private http: Http){
    let link = 'http://api.giphy.com/v1/gifs/search?api_key=dc6zaTOxFJmzC&q=';
        let apiLink = link + 'cats';
        this.http.request(apiLink).subscribe((res: Response) => {
            console.log(res.json());
        });
  }
}

希望这能帮助到别人。