我嘗試使用產品的 sku 洗掉該行。我正在使用彈簧靴和角度。當我在我的按鈕上添加 sku 時出現錯誤，就像 (click)="onDeleteProductBySku(deleteClick?.sku)"它說Property 'sku' does not exist on type '(product: Product) => void'.. 在我的命令提示符下，我收到了這個錯誤。我怎么解決這個問題？
Error: product/product.component.html:50:109 - error TS2339: Property 'sku' does not exist on type '(product: Product) => void'.
50 <button class="btn btn-outline-danger btn-sm me-2" (click)="onDeleteProductBySku(deleteClick?.sku)">Delete</button>
product/product.component.ts:12:16
12 templateUrl: './product.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component ProductComponent.
ProductsController.java --> 這是郵遞員的作業。
//Delete a product record using sku
//http://localhost:8080/products/deletebysku?sku=12345678
@DeleteMapping("/products/deletebysku")
@ResponseBody
private void deleteProductBySku(@RequestParam String sku){
productsService.deleteProductBySku(sku);
}
product.component.ts
public deleteProduct!: Product;
public onDeleteProductBySku(sku: string): void {
this.productServive.deleteProductBySku(sku).subscribe(
(response: void) => {
this.messageShow();
console.log(response);
this.getAllProduct();
},
(error: HttpErrorResponse) => {
this.errorMessage(error.message);
}
);
}
public deleteClick(product: Product) {
this.deleteProduct = product;
console.log("delete by sku");
}
產品.service.ts
public deleteProductBySku(sku: string): Observable<void> {
return this.http.delete<void>(`${this.apiServerUrl}/products/deletebysku?sku=${sku}`);
}
product.component.html
<button class="btn btn-outline-danger btn-sm me-2" (click)="onDeleteProductBySku(deleteClick?.sku)">Delete</button>
uj5u.com熱心網友回復：
YourdeleteClick是一個 void 型別的函式，它不回傳也不包含sku屬性。你不是說要這樣呼叫洗掉函式嗎？
<button
class="btn btn-outline-danger btn-sm me-2"
(click)="onDeleteProductBySku(product?.sku)"
>
Delete
</button>
<!-- Or maybe?
(click)="onDeleteProductBySku(this.deleteProduct?.sku)"
-->
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/470357.html