从一个导航到另一个时如何刷新其他组件（Angular 7，router.navigate）中的数据？

Question

我是 front-end 开发人员的新手，应用程序在 Angular 7

我的主页包含项目列表，单击每个项目将重定向到另一个页面。导航时，我希望标题栏（第三个组件）根据我单击的项目进行更新。现在它只有在我手动重新加载页面时才会更新

我正在使用路由器导航

 router.navigate([route]);

.......编辑......

我尝试了以下方法link...

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

但它正在抛出错误 - Object 已取消订阅，

也尝试过激活路由器而不是路由器

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'; 

next(string) 是您希望当前页面导航到的路径。