如何使用路由器插座加载Angular组件

Question

如果在Product component之后单击Product 2 Component，则不会更新Product 1 Component页面。我必须单击Hello Component，然后单击Product 2 Component，以确保使用ID号更新Product component页面。

换句话说，Product组件仅在单击时更新：

1. Product 1 Component
2. Hello Component
3. Product 2 Component

如何解决问题？这是Stackblitz项目：

https://stackblitz.com/edit/angular-ivy-insynj?file=src%2Fproduct%2Fproduct.component.ts

Answer 1

Demo正常工作。您缺少的是无法在同一组件中重定向。这就是为什么你想错了。为每次点击赋予功能，

在component.ts中使用它

 this._router.routeReuseStrategy.shouldReuseRoute = () => false;
    this._router.onSameUrlNavigation = 'reload';
    this._router.navigate([param]);