如果您使用角度路由,您可以使用 [routerLinkActive] 指令将类项传递到具有 [routerLink] 指令的按钮。
例如:
<button
[routerLinkActive]="'class-active'"
[routerLink]="['product-details', id]">
Product Details
</button>
在这种情况下,您需要从 showProductDetails() 中移出逻辑以使用 [routerLink] 指令。
有关更多详细信息,请参阅https://angular.io/api/router/RouterLinkActive#description