当 Web API 返回 void 时订阅 observable

Question

我有一个返回 void 的 web api 删除方法

在 Angular 2 中，如果我不订阅 Observable，web api 方法将永远不会被调用。 Question 和 Cold vs Hot observables。由于需要返回一个 observable 并订阅，我试图返回一个 Observable 为：

服务.ts

public deleteProduct = (product: ProductApi): Observable<boolean> | boolean => {
   this._http.delete(this.actionUrl + product.productId)
   .catch((error:boolean) => Observable.throw(false));
   return true;
}

组件.ts

deleteProduct(product: ProductApi, event: any): void {
   event.stopPropagation();
   this.productApiService
   .deleteProduct(product)
   .subscribe((boolean) => {
   this.products = this.products.filter(p => p !== product);
   if (this.selectedProduct === product) { this.selectedProduct = null; }},
      error => console.log(error),
      () => {
      console.log('ProductApiService:Delete completed');
    });
 }

controller.cs

// DELETE api/product/5
[HttpDelete("{id}")]
public void Delete(int id)
{
    _productService.DeleteProduct(id);
}

或者有办法返回 Observable？或者如果上述方法是正确的，我该如何解决以下错误？

• 构建：参数“布尔”隐含具有“任意”类型
• 构建：参数“错误”隐含具有“任何”类型
• 构建：“boolean |”类型上不存在属性“subscribe”可观察的'

Answer 1

为什么需要 catch inside 删除请求？ 您可以在订阅时将错误逻辑添加到错误函数中。

public deleteProduct(product: ProductApi): Observable<any> {
   return this._http.delete(this.actionUrl + product.productId);
}

然后

deleteProduct(product: ProductApi, event: any): void {
   event.stopPropagation();
   this.productApiService
   .deleteProduct(product)
   .subscribe(
     response => {
       this.products = this.products.filter(p => p !== product);
       if (this.selectedProduct === product){
         this.selectedProduct = null; 
       }},
      error => console.log(error),
      () => {
      console.log('ProductApiService:Delete completed');
    });
}

如果在此更改后您的控制器仍未调用，我认为这是路由错误。