如何將響應從服務傳遞到組件？

Question

我有這項服務：

Login (body): Observable<Login[]> {

        //let bodyString = JSON.stringify(body); // Stringify payload
        var bodyString = 'email='+body.email +'&password='+body.password;

        let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded'});

        let options = new RequestOptions({ headers: headers }); // Create a request option

        return this.http.post('/logiranje', bodyString, options) // ...using post request
                         .map(response => {return response}) // ...and calling .json() on the response to return data
                         .catch((error:any) => Observable.throw(error.json().error || 'Server error' )); //...errors if any
    }

我有組件：

  submitLogin(values){

            var current = this;
      // Variable to hold a reference of addComment/updateComment
         let loginOperation:Observable<any>;
         loginOperation = this.loginService.Login(values);
         loginOperation.subscribe(
           (response) => { console.log("Success Response" + response)},
            function(error) { console.log("Error happened" + error)},
            function(){

               current.router.navigate(['/home']);
               console.log("the subscription is completed");


             }
        );

       }

我要檢查的是：

if(response.isLoggedIn){
current.router.navigate(['/home']);
}

但是我不知道如何將價值從服務傳遞到組件？ 任何建議，我該怎么做？

Answer 1

您似乎希望您的響應是JSON。 然后，您應將其映射如下：

return this.http.post('/logiranje', bodyString, options)
  .map(response => { response.json() }) 
  .catch((error:any) => Observable.throw(error.json().error || 'Server error' )); 

由於您已經將服務注入組件中，因此只需將響應分配給變量：

data : any;

constructor(private loginService : LoginService) {}

myFunction(body){
    this.loginService.Login(body).subscribe(
      res => { this.data = res },
      err => { console.log(err) }
    );
}

然后您可以使用data變量

if(this.data.isLoggedIn){
  current.router.navigate(['/home']);
}