http请求期间的Angular2链接函数失败

时间:2017-08-06 10:11:22

标签: angular http typescript

我想根据他们的工作分开功能

这是一个场景,在发出http请求时我想将附加访问令牌和标题的函数与进行http调用的函数分开

in my reset password.htmlform i have

<button (click)="tryresetPassword()">Reset password>
reset-password.ts

中的

tryresetPassword(){
  ..fetch form data
 return this._authservice.resetPassword()
        .subscribe(
          ...here handle response
          )
 }

在authservice

resetPassword(data):Observable<any>{
const body = JSON.stringify(data);  
return this.httpClient.post(this.authurl + '/default/resetpwd', body)
     .map(
       res=>{
          //set acess token
           return true
          }
        )

 }

现在位于_httpClient

  post(url, data) {
   let headers = new Headers();
   this.createGeneralHeaders(headers);

   return this.http.post(url+this._accesstoken, data, {
     headers: headers
    });

运行应用程序后出现错误

  this._httpclient.post(...).map is not a function

注意httpclient中的http是通过构造函数

传递的angular2 http

我错了吗?

1 个答案:

答案 0 :(得分:1)

尝试在authservice中导入地图运算符

import 'rxjs/add/operator/map';