Angular 7-如何将HTTP请求与可观察对象链接

Question

我希望能够删除警报，但前提是此警报未分配给用户。为此，我需要获取我的用户列表，并检查是否没有用户分配了此警报。我通过将2个请求与可观察对象链接，成功地实现了这一点，但有更好的方法实现吗？

deleteAlert(id: number) {
  this.usersService.getUsers().subscribe(
    (users) => {
      if (users.filter((value) => value.alert.id === id).length > 0) {
        console.log('Deassing alert to all user first');
      } else {
       this.alertService.deleteVillain(id)
        .subscribe(() => {
          this.alertsList =this.alertsList.filter(alerts=>alerts.id!==id);
        });
    }
  }
 )}

Answer 1

您可以使用本答案中提到的flatMap运算符。

deleteAlert(id: number) {
      this.usersService.getUsers().flatMap(
        (users) => {
          if (users.filter((value) => value.alert.id === id).length > 0) {
            console.log('Deassing alert to all user first');
          } else {
           return this.alertService.deleteVillain(id);
        }
      }).subscribe(data=>{
         this.alertsList = this.villainsList.filter(alerts=>alerts.id!==id);
      });
}