时间戳

首页 > 解决方案 > 角度发布工作第二次或第三次 HTTP Post

angular - 角度发布工作第二次或第三次 HTTP Post

问题描述

我知道这是异步的问题，但是如果我添加了 .subscribe 并且我正在等待消息，为什么我会遇到这个问题

我的代码

public redirectToDelete = (id: string) => {
      this.carService.getId(id).subscribe(result =>
         new alert(this.carService.delete(result)));
   }

这是删除

deleteUrl = "/car/delete.php";
    delete(car: Car): any {
        this.http.post(this.deleteUrl, car)
        .subscribe(res => {
            return res;
        },
            (error => {
                return error;
            })
        )
        return "";
    }

标签： angular

解决方案

  • 您需要返回 observable: return this.http.post(this.deleteUrl, car)....。否则，您将尝试调用subscribe空字符串。
  • 您还应该指定返回类型而不是any在您的方法上，这样您就具有类型安全性，这是使用 typescript 的主要好处之一。
  • 你的delete方法应该返回 observable，而不是订阅。直接返回调用post。
  • 使用泛型重载来HttpClient保证类型安全。
delete(car: Car): Observable<YourTypeHere> {
    return this.http.post<YourTypeHere>(this.deleteUrl, car);
}

import { switchMap } from 'rxjs/operators';


public redirectToDelete = (id: string) => {
      this.carService.getId(id)
          .pipe(switchMap(r => this.carService.delete(r))) // ← switchMap is handy here, alternatively you could call the next service end point in a subscribe and then have a nested subscribe but this makes for messier code IMO
          .subscribe(result => new alert(result));
   }

附带说明一下，如果您正在构建一个提供删除功能的 RESTful 服务，那么我建议您设置一个使用 http DELETE 动词而不是 post 的端点。

推荐阅读