当Web API返回无效时订阅observable

Question

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

在angular 2中，如果我没有订阅Observable，web api方法将永远不会被调用。 Question和Cold vs Hot observables。由于有必要返回一个可观察和订阅，我试图返回一个观察为：

Service.ts

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

Component.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 <'void'>？或者如果上述方法是正确的，我该如何解决以下错误？

• 体形：参数“布尔”含蓄有一个“任意”类型
• 体形：参数“错误”含蓄有一个“任意”类型
• 编译：房产“订阅”不会对类型存在'布尔|可观察'

Answer 1

为什么你需要捕获内部删除请求？ 您可以在订阅时将错误逻辑添加到错误功能。

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'); 
    }); 
} 

及后若这改变了你的控制器仍然不叫我认为这是路由错误。