将 routerLinkActive 与单击事件结合使用

Question

如何使用routerLinkActive点击事件和不使用routerLink？我在某处读到，同时使用 click 和 routerLink 并不是一个好的做法。我想在单击链接时设置一个活动类，并希望在将用户导航到单击的页面之前对单击事件执行一些业务功能。下面的代码没有设置类。

<button
    type="button"
    class="list-group-item list-group-item-action"
    routerLinkActive="active"
    *ngFor="let service of services"
    (click)="changeService(service)">
    {{ service | titlecase }}
</button>