httpをangl-cli v1.0.0-beta.11-webpack.8で使用する方法

Question

この質問はもともとGithubの問題に掲載されていましたが、StackOverflowでここで試してみるように求められました。したがって、ここに行く：

私は最初に1.0.0-beta.9を使用してtutorial for Pluralsightをテストして書きました。

しかし、今日私はlatest versionで試してきました。私の人生では、httpを使ってサービスを呼び出す方法を理解できません。多分あなたが共有できるいくつかの例がありますか？

---

追加情報：

1. OS マックOSX（エル・キャピタン - 10.11.4）

2. バージョン： 角度-CLI：1.0.0-beta.14 ノード：4.4.2 os：ダーウィンx64

3. Repro steps：さまざまな方法と口を使って試す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';

01その後、

と、次のようにクラス内で使用：

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()); 
     }); 
    } 

} 

が、これは誰かに役立ちます願っています。