POST表單Angular2

Question

我正在嘗試使用NodeJS API作爲後端服務器來執行Angular2的登錄表單。

我不能發佈任何請求的API。 這是我前面的代碼示例：

private authenticate_url = "Server_URL:PORT/authenticate"; 
login(username: string, password: string): Observable<User> { 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 
    console.log("Username : "+username+" Password : "+password); 
    return this.http.post(this.authenticate_url, { username, password }, options) 
       .map(this.extractData) 
       .catch(this.handleError) 
} 

既可以當我檢查網絡活動，沒有POST請求被執行。

Answer 1

您需要使用RxJS的.subscribe（）方法，以實際執行查詢，所以你需要把它寫這樣的：

return this.http.post(this.authenticate_url, { username, password }, options) 
       .map(this.extractData) 
       .catch(this.handleError) 
       .subscribe((queryResult) => {console.log(queryResult)}) 

或者你可以做你的功能之外，如：

login("baksdasd", "asfasfasdf").subscribe((queryResult) => {console.log(queryResult)}) 

您還需要導入您所使用的運營商：

import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/catch'; 

在這裏，你有有詳細的d教程解決您可能遇到的任何其他問題：https://scotch.io/tutorials/angular-2-http-requests-with-observables