当我用Angular删除了表上所有的零数量后，我该如何提醒成功消息?

Question

当我点击删除按钮时，它将删除所有数量为零的产品。我添加了一条警报消息，通知用户表的数量是否为零。成功消息将在删除所有数量为零的产品后发出警报，如果表中没有数量为零，则发出错误消息警报。我用的是sweetalert2。问题是，当我删除所有产品的零数量显示错误消息，而不是成功消息。我想在删除产品后显示成功消息，并且只有在表中没有零数量时才显示错误消息。删除所有数量为零的产品后，如何提示成功?

//删除所有数量为0的行

public onDeleteProduct(): void {
this.productServive.deleteProduct().subscribe(
(response: void) => {
console.log(response);
this.messageShow();
this.getAllProduct();
this.onCloseUpdateHandled();
},
(error: HttpErrorResponse) => {
this.errorMessage(error.message);
}
);
}

//产品数量是否为零

public messageShow(): void {
for(const product of this.products) {
if(product.quantity === 0) {
this.successMessage("deleted");
} else {
this.errorMessage("No more out-of-stock");
}
}
}

//html

<button type="button" class="btn btn-outline-danger btn-sm" (click)="onDeleteProduct()">Delete</button>

//表的例子输入图片描述

Answer 1

只有在确认没有产品的数量为0时才能打印errorMessage。所以应该是:

public messageShow(): void {
for(const product of this.products) {
if(product.quantity === 0) {
this.successMessage("deleted");
return;
}
}
this.errorMessage("No more out-of-stock");
}

该方法遍历列表中的所有产品。如果它找到一个数量为0的方法，它将显示成功消息并结束该方法(这就是void返回的作用)。如果它遍历了所有产品，没有找到任何数量为0的产品，则显示错误消息