использование routerLinkActive с событием click

Question

Как я могу использовать routerLinkActive с событием клика и без routerLink? Я где-то читал, что совместное использование click и routerLink не является хорошей практикой. Я хочу установить активный класс, когда я нажимаю на ссылку и хочу выполнить некоторые бизнес-функции для события click до перехода пользователя на страницу, на которую нажали. Код ниже не устанавливает класс.

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