Angular2 HTTP POSTを、ヘッダー引数の型エラー

Question

このサービスは、私のPHPのバックエンドAPIにHTTP POSTリクエストを行う必要がありますが、NG2は、プロジェクトをコンパイルしません、それは次のようなエラーがスローされます。

ERROR in login-service.ts (25,9): Argument of type '{ headers: Headers; }' is not assignable to parameter of type 'RequestOptionsArgs'. Types of property 'headers' are incompatible. Type 'Headers' is not assignable to type 'Headers'. Two different types with this name exist, but they are unrelated. Property 'keys' is missing in type 'Headers'.

私のスニペットがどのように見えます：

import { HttpModule }  from '@angular/http'; 
import { Injectable }  from '@angular/core'; 
import { Http }   from '@angular/http'; 
import { Response }  from '@angular/http'; 
import { Headers }  from '@angular/http'; 

@Injectable() 
export class LoginService { 
    constructor(private http: Http) { 

    } 
    login(username, password){ 
    var body = 'foo=bar&foo1=bar1'; 
    var headers = new Headers(); 
    headers.append('Content-Type', 'application/x-www-form-urlencoded'); 

    this.http 
    .post('http://127.0.0.1/server.php', body, { headers: headers }) 
    .subscribe((data:Response) => { 
     let res = data.text(); 
     console.log('Result: ',res); 
    }, error => { 
     console.log('Error: ', JSON.stringify(error.json())); 
    }); 
    } 
} 

このコードは、さまざまなng2アプリで完全に機能します。あなたが使用する必要が

Answer 1

：

let options = new RequestOptions({ headers: headers }); 

更新ログイン方法：

login(username, password){ 
    var body = 'foo=bar&foo1=bar1'; 
    var headers = new Headers(); 
    headers.append('Content-Type', 'application/x-www-form-urlencoded'); 
    let options = new RequestOptions({ headers: headers }); 
    this.http 
    .post('http://127.0.0.1/server.php', body, options) 
    .subscribe((data:Response) => { 
     let res = data.text(); 
     console.log('Result: ',res); 
    }, error => { 
     console.log('Error: ', JSON.stringify(error.json())); 
    }); 
    } 

Answer 2

私は輸入にヘッダを追加し、同じ問題を持っていたトリック（感謝Subtain Ishfaqに）

をしました"@ angle/http"から{Http、Headers}をインポートします。