从子组件导航时刷新父组件

Question

我正在主页上加载一些后端 api 数据 ngOnInit()

export class MyComponent{
 homepagedata:any; // displayed on the html 

ngOnInit() {
   this.homepagedata=// calling service 
}

}

这是我的路线

{
    path: 'home',
    component: HomeComponent,
    children: [


        {  
            path: 'dashboard/:userid', // 
            component: DashboardComponent,
        },

    ]
}

因此，当我导航到仪表板，然后再次导航到主页时，我的主页组件没有刷新，可能是因为ngOnInit()被调用了一次。ngOnit()每次导航到主页时如何调用它。我尝试过，ngAfterViewInit()但它也只调用了一次.

我在这里发现了一个类似的问题。但在这里它是在函数调用之后导航，这不是我的情况。我的情况中有很多子组件，我正在寻找一种适合所有人的解决方案。谢谢

Answer 1

也许你可以让你的父组件监听路由变化并相应地更新你的数据：

export class MyComponent {
    homepageData: any;

    constructor(private router: Router) {
       this.router.events.subscribe(event => {
         if (event instanceof NavigationEnd) {    
             // update this.homepageData
       });
     }
     ...
}