Как стилизовать активную ссылку маршрутизатора в Angular, когда маршрут передается как реквизит? ⇐ CSS

[Anonymous]

У меня есть компонент, который является элементом боковой панели навигации:

Код: Выделить всё

  class="flex gap-5 justify-left items-center text-center pl-5 group hover:cursor-pointer m-3 backdrop-blur-md"
[routerLink]="route"
>

class="text-xl font-bold group-hover:text-cyan-600 transition-all duration-300"
routerLinkActive="active-link"
>
{{ title }}

вот как я использую карту:

Код: Выделить всё

и я хочу стилизовать активную ссылку; маршрут получен как реквизит;
я пробовал:

Код: Выделить всё

  class="flex gap-5 justify-left items-center text-center pl-5 group hover:cursor-pointer m-3 backdrop-blur-md"
[routerLink]="route"
routerLinkActive="active-link"
>

class="text-xl font-bold group-hover:text-cyan-600 transition-all duration-300"
>
{{ title }}

и

Код: Выделить всё

.active-link {
color: red;
}

но это не сработало. Как стилизовать активную ссылку маршрутизатора, когда маршрут передается в качестве опоры? Кроме того, могу ли я стилизовать ссылку маршрутизатора с помощью CSS попутного ветра?
Я читал:
Активная ссылка маршрутизатора Angular
, но это не помогло.< /п>

Подробнее здесь: https://stackoverflow.com/questions/793 ... -as-a-prop