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';

在这里，您有详细的教程来解决您可能遇到的任何其他问题： https : //scotch.io/tutorials/angular-2-http-requests-with-observables