将HttpClient响应转换为布尔值[重复]

Question

我有调用我的后端endpoint进行身份验证的AuthService，我想简单地将true/false返回到另一个组件，这样我就可以显示/隐藏错误消息。最重要的是，成功后，我想将令牌存储在localstore中。

signIn = (signInFormValue) => {
    var response = this.authService.authenticate(signInFormValue.username, signInFormValue.password)
      if(response) {      
        console.log(response)
        this.invalidCredentials = false;
      } else {
        this.invalidCredentials = true;
      }      
  }

这叫什么

authenticate(username: string, password: string) {
    return this.callAuthenticationEndpoint(username, password).pipe(map(res =>{
      localStorage.setItem('token', res.headers.get('Authorization');
      return true;
    }, err => {return false}))
  }

  callAuthenticationEndpoint(username: string, password: string): Observable<any> {
    var url = this.AUTHENTICATE_URL + 'username=' + username + '&password=' + password;
    return this.http.get(url, {observe: "response"});
  }

问题是，响应不是真/假，但它是真的

Answer 1

你从服务中得到的是一个可观察的。要获得所需的布尔响应，您必须订阅此可观察：

signIn(signInFormValue){
 return this.authService
        .authenticate(signInFormValue.username, signInFormValue.password)
        .subscribe(response => console.log(response));
}