Как обновить данные в других компонентах (Angular 7, router.navigate) при переходе от одного к другому?

Question

Я новичок в front-end dev, приложение на Angular 7

Моя домашняя страница содержит список элементов, при нажатии на каждый элемент перенаправляется на другую страницу. Во время навигации я хочу, чтобы строка заголовка (третий компонент) обновлялась относительно элемента, который я щелкнул. Сейчас он обновляется только в том случае, если я вручную перезагружаю страницу

Я использую маршрутизатор для навигации

 router.navigate([route]);

....... РЕДАКТИРОВАТЬ .......... ...

Я попробовал следующую ссылку ....

https://medium.com/@rakshitshah/refresh-angular-component-without-navigation-148a87c2de3f

, но выдает ошибку - Объект отписан,

Также попробовал активированный роутер вместо роутера

Answer 1

попробуйте обновить заголовок с помощью этого

  function updateDiv()
{ 
$( "#here" ).load(window.location.href + " #here" ); 
}

, вы можете изменить #here (id) для .class (class), который вы задали для этого title.it должен обновить эту часть страницы безперезагрузка

Answer 2

Я обновил страницу после навигации. Способ навигации в роутере.

router.navigate([next]);
window.location.href = 'next'; 

Далее (строка) - это путь, по которому вы хотите перемещаться по текущей странице.