0

у меня есть кнопка, при нажатии на нее меня перенаправляет на другой компонент

<div routerLinkActive="active" routerLink="/profile/offers"> <span class='text left'>Offers</span> </div>

Ссылка становиться активной. Потом в этом компоненте тоже есть кнопка, которая перенаправляет меня на другой компонент

<button class="button" routerLink="/profile/tutto-in-uno">ABBONAMENTO</button>

соответственно предыдущий путь "/profile/offers" уже не активный. Как сделать так, что бы он был активный при нажатии на вторую кнопку?

1 ответ 1

0

Сам нашел ответ)

Вы можете написать свой собственный, routerLinkActiveа затем использовать [class.active] для переключения активного класса.

public isActive(base: string): boolean {
return this.router.url.includes(base) ;}

И в html разметке добавить:

<div [class.active]="isActive('/profile/tutto-in-uno')" class="link order-20" 
routerLink="/profile/offers"> <span class='text left'>Offers</span></div>\

Вуаля, работает!

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.