无法读取的未定义的属性“后” - 角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调用。 [...]