Блокировка смены роутера на угловой составляющей

Question

Хотелось бы узнать, как заблокировать смену роутера на компоненте в angular 5.

Я использую: https://afeld.github.io/bootstrap-toc/ в своем угловом приложении, но когда я нажимаю на таблицу содержания, она меняет страницу, обратно на домашнюю страницу, потому что адрес меняется, например: http://localhost/#usage меняет маршрут обратно на главную страницу http://localhost/#home.

Есть ли способ заблокировать изменение маршрутизатора на моем компоненте для использования скрипта bootrap-toc?

Спасибо.

Answer 1

Вы должны использовать canActivate Api, чтобы разрешить перенаправлять на определенную страницу или нет. аналогично, вы можете использовать canDeactivate , чтобы заблокировать маршрут к определенной странице.

Вот решение: https://angular.io/api/router/CanDeactivate