Как я могу использовать свойство relativeTo в шаблоне html вместе с routerActive?

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

router.navigate(this.router.navigate(['path']{relativeTo:this.route});

было бы хорошо. Но в этом случае я не могу использовать директиву routerLinkActive.

Как я могу одновременно использовать оба?


angular routerlinkactive routerlink angular-router
person CKA    schedule 09.08.2017    source источник
comment
что такое routerLinkActive вариант?   -  person Max Koretskyi    schedule 09.08.2017
comment
routerLinkActive используется для оформления ссылки, когда этот конкретный путь активен.   -  person CKA    schedule 09.08.2017
comment
Я знаю, знаю, но это директива, а не вариант. Итак, ваш вопрос, если сбивает с толку   -  person Max Koretskyi    schedule 09.08.2017
comment
Извините, это моя ошибка! Неправильное использование терминов.   -  person CKA    schedule 10.08.2017

Ответы (1)


arrow_upward
7
arrow_downward

RelativeTo по умолчанию настроен на текущий активированный маршрут. В шаблоне вы можете использовать . или ^ в имени маршрута.

Подробнее об относительной навигации:
https://stackoverflow.com/a/38808116/1356669
https://angular.io/guide/router#relative-navigation

person be4code    schedule 09.08.2017
comment
this.router.navigate(['grid'],{relativeTo:this.route,queryParamsHandling:'preserve'}); Как я могу сделать это в шаблоне HTML, так как мне также нужно использовать параметр routerLinkActive для оформления ссылок? - person CKA; 09.08.2017
comment
почему не работает? [routerLink]="['../new-contract']" - person Andryxa Piddubnjak; 11.06.2020
comment
@AndryxaPiddubnjak есть много переменных, из-за которых трудно сказать, почему это не работает. Вы должны иметь в виду, что ссылка создается как относительная, но с точки, где компонент был отрендерен. Откройте новый вопрос, потому что это другая проблема, пожалуйста. - person be4code; 12.06.2020