Angular：数据详细信息页面未随新产品更新

Question

我不是前端开发人员所以请... 当我单击另一个帐户时，我注意到帐户详细信息页面没有更新为新帐户。为什么？当用户再次导航到该组件时，似乎没有调用 ngOnInit 生命周期挂钩。

我在 Stackblitz 上上传了应用程序：https://stackblitz.com/github/Georges73/Front-end-Nested-Route-3

问题：每当参数值发生变化时，如何通知组件。以便我可以相应地更新组件？

Answer 1

Angular 比您意识到的更有效，即使某些参数已更改，组件也不会对再次单击相同的 URL 做出反应。

您需要做的是订阅 Router 对象的事件并对发出的变化做出反应。这适用于您的代码：

 this._router.events.subscribe(() => {
  this.getAccount();
})

将其添加到帐户-detail.component.ts

的 ngOnInit()