为subscribe（）中的局部变量分配值

Question

我正在http post ，然后尝试在subscribe中将值分配给局部变量。

但是，永远不会调用该局部变量代码行。 为什么呢 我的代码有什么问题？

这是我的组成部分

submitted = false;

    onSubmit() {
    this.leaveService.addLeave(this.model)
        .subscribe(res => {
            this.submitted = true;  **// This line of code never execute. Why?**

        });

    }

这是我的服务

addLeave(body: leave): Observable<leave[]> {
let bodyString = JSON.stringify(body); // Stringify payload
let headers = new Headers({ 'Content-Type': 'application/json' }); // ... Set content type to JSON
let options = new RequestOptions({ headers: headers }); // Create a request option

return this.http.post(this._apiUrl, body, options)
    .map(res => res.json())
    .catch((error: any) => Observable.throw('Error'));
}

我的MVC控制器方法（只需添加简单的方法即可确保往返行程很好）

[HttpPost("[action]")]
public IActionResult CreateLeaveRequest([FromBody] LeaveModel leave)
{
    return StatusCode(200);
}

}

我在控制台中看不到任何错误。 让我知道您是否需要更多信息来理解问题。

注意：

onSubmit（）绝对被调用。 顺序是调用OnSubmit（），后者从服务中调用addLeave，将请求发送到控制器方法（调试点命中）。

Answer 1

您的.map函数需要返回某些内容...

return this.http.post(this._apiUrl, body, options)
    .map(res => {
      console.log(res) // Log here to see what you get in response body
      return res.json() || []; // if response has no json then return []
    ) 
    .catch((error: any) => Observable.throw('Error'));
}

Answer 2

当Observable发出项目时，将执行传递给订阅的第一个函数。 如果帖子没有返回值，并且您没有手动映射响应，则不会发出任何项目，并且不会执行此功能：

    .subscribe(res => {
        this.submitted = true;  **// This line of code never execute. Why?**

    });

您需要从Observable发出一个项，或者可以尝试使用subscription的第三个参数，并在完成时而不是在发出时执行代码。

    .subscribe(
        () => {},               **// On emit
        err => {},              **// On error
        () => {
          this.submitted = true;  **// On complete **
    });