Исключить routerLinkActive styleclass для некоторых маршрутов

Question

У меня есть заголовок страницы с 4 основными вкладками.На вкладке МОЙ ПРОФИЛЬ (/profile) есть дочерняя вкладка "Элементы действия", доступная по маршруту /profile/action-items.У меня также есть основная вкладка ACTION ITEMS, которая в основном перенаправляет пользователя на /profile/action-items.Это коренная причина моей проблемы.Когда активен маршрут /profile/action-items, названия вкладок МОЙ ПРОФИЛЬ и ДЕЙСТВИЯ выделяются из-за использования routerLinkActive.Тем не менее, я хочу, чтобы только элементы действий были выделены на /profile/action-items

Я пытался использовать [routerLinkActiveOptions]="{exact: true}", но в этом случае МОЙ ПРОФИЛЬне выделяется при переходе к его вложенным вкладкам, например, /profile/bookmarks

Есть ли способ решить проблему?

Answer 1

routerLinkActive не имеет внутренней поддержки желаемого поведения, насколько я знаю.Решением здесь было бы вместо этого использовать ngClass и подписаться на ActivatedRoute, применяя желаемый класс active в зависимости от точного маршрута.