首页 > 解决方案 > 从一个导航到另一个时如何刷新其他组件(Angular 7,router.navigate)中的数据?

问题描述

我是前端开发新手,应用程序在 Angular 7 中

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

我正在使用路由器进行导航

 router.navigate([route]);

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

我已经尝试了以下链接....

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

但它抛出错误 - 对象已取消订阅,

还尝试了激活路由器而不是路由器

标签: htmlweb-servicesdata-bindingbootstrap-4angular7

解决方案


尝试用这个更新标题

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

您可以更改您在该标题上设置的 .class(class) 的#here(id)。它应该更新页面的该部分而不重新加载


推荐阅读