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

Question

我最初在Github問題上發佈了這個問題，但是，卻被提示要在StackOverflow上嘗試這裏。所以，這裏是：

我最初測試並通過使用版本1.0.0-beta.9寫了tutorial for Pluralsight。

但是，我今天試了latest version和我的生活我無法弄清楚如何使用http來調用某些服務。請問有沒有可以分享的例子？

---

附加信息：

1. OS 的Mac OSX（埃爾卡皮坦 - 10.11.4）

2. 版本： 角-CLI：1.0.0-beta.14 節點：4.4.2 操作系統：達爾文x64

3. 重複步驟：試過各種方法和試圖注射ct http但無濟於事。

我不喜歡尋找一些手持或什麼的，只是尋求幫助去正確的方向。

最重要的是，謝謝你這個超棒的項目！

Answer 1

我想到了什麼問題，所以如果有人自己在這個問題上絆倒了，我也可以在這裏解釋一下。

所以，當我安裝角CLI可以npm install -g 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()); 
     }); 
    } 

} 

希望這可以幫助別人。