Angular HTTP POST 未触发

Question

从我的 NG 应用程序对我的 ASP.NET Core WebAPI 进行简单调用时遇到问题。代码如下：

  this.http.post(actionUrl, credentialsDto)
  .map((data: Response) => {
    if (data !== null) {
      localStorage.setItem(this.tokenStorageKey, JSON.stringify(data));
    }
});

我试图记录我的“数据”回调参数，但在我的 if 语句中添加对 console.log() 的调用没有任何结果（意味着我根本没有控制台输出）。同时，如果我在调用之前或之后添加一个 console.log() 调用，但在同一个函数中，它们会完美执行。

有人知道这里发生了什么吗？我是一个JS新手，所以不要怪我。 我在 Angular 5 中使用原生的 HTTP 客户端。

提前致谢。

Answer 1

您还需要订阅Observable。 Observable 如果你没有订阅它就不会触发。

this.http.post(actionUrl, credentialsDto)
         .map((data: Response) => {
               if (data !== null) {
                  localStorage.setItem(this.tokenStorageKey, JSON.stringify(data));
               }

               return response;
          }).subscribe(response => /* something here */).

从 RxJS 5.5 开始，您不能像以前那样使用 map 运算符。您需要在 pipe 函数中使用它。

RxJS 5.5 及更高版本

this.http.post(actionUrl, credentialsDto)
         .pipe(map((data: Response) => {
               if (data !== null) {
                  localStorage.setItem(this.tokenStorageKey, JSON.stringify(data));
               }

               return response;
          })).subscribe(response => /* something here */).