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

Question

我是前端开发的新手，应用程序在 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(类(，您在该 title.it 应该更新页面的该部分而无需重新加载

Answer 2

我在导航后刷新了页面。导航方法在路由器中。

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

Next(字符串( 是您希望当前页面导航的路径。