如何在 Angular 中刷新页面？

Question

如何在单击事件后刷新 Angular 中的页面而不重新加载它？ 我正在 Angular material 开发电子商务前端。我希望在按钮 Remove 上的以下单击事件之后刷新页面，以便不再看到元素被删除。页面未重新加载对我来说很重要，因为如果重新加载，我将丢失在单击事件之前完成的所有操作。

<a mat-raised-button  routerLink="." color="accent" (click)="deleteProduct(productInCart.product.id, currentUser.id, productInCart.quantity, productInCart.product.price)" routerLink="/carts/cart_by_user"  routerLinkActive="active">Remove</a>

Answer 1

您不需要刷新页面 - 您应该关心的是更改其背后的数据并让 Angular 自动更新 UI，因此无需刷新页面. 我的建议是按照 https://angular.io/tutorial 上的英雄之旅教程 - 它涵盖了您描述的场景，还介绍了您需要掌握的其他 Angular 概念。