無法讀取的未定義的屬性「後」 - 角2

Question

下面是我的組件文件中的代碼片段

import { Component,Injectable,Inject,OnInit, OnDestroy, EventEmitter,Output } from '@angular/core'; 
import { Http, Response, Headers, RequestOptions } from '@angular/http'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/toPromise'; 
import 'rxjs/add/operator/switchMap'; 
... 
@Injectable() 
export class MyComponent { 
    constructor (private http: Http) { } 
    saveDetails() 
    { 
     var response:any; 
     var body  = customer_details; 
     var headers = new Headers({ 'Content-Type': 'application/json' }); 
     var options = new RequestOptions({ headers: headers }); 
     this.http.post("/user/add-customer-details", body, options) 
      .map((res:Response) => res.json()).subscribe(
       data => { response = data}, 
       err => console.error(err), 
       () => { 
        console.log(response); 
       } 
     ); 
    } 
} 

沒有編譯錯誤或任何其他錯誤，但 當我打電話POST方法它的說法Cannot read property 'post' of undefined所以我試圖console.log(this.http); POST方法調用之前正確的，那麼它的顯示瀏覽器控制檯undefined，我嘗試了所有可能的解決方案，但無法理解爲什麼它不工作，請幫助...

在此先感謝！ ！

Answer 1

在抓我的頭花幾個小時閱讀所有可能的文章，答案，文檔和可能的一切在互聯網上之後，我終於找到了解決辦法。

剛纔我改變了我的構造從

constructor (private http: Http) { } 

要

constructor (@Inject(Http) private http:Http) { } 

雖然@Inject是一個實驗性的裝飾，它的工作

謝謝大家對我的幫助......

Answer 2

你必須HTTP_PROVIDERS到任意一個組件供應商陣列像這樣：

providers: [HTTP_PROVIDERS] 

編輯

HTTP_PROVIDERS已被棄用。改爲導入http模塊。

@NgModule({ 
    imports: [ 
     BrowserModule, 
     HttpModule 
     ], 
    declarations: [AppComponent], 
    providers: [], 
    bootstrap: [AppComponent], 
}) 

Answer 3

您需要的HTTP模塊添加到您的NgModule的依賴注入。

你可以看看它在這裏https://angular.io/docs/ts/latest/guide/server-communication.html#!#http-providers

的的HttpModule是必要的製作HTTP調用。 [...]