Product component
如果 Product 2 Component
,页面不会更新在 Product 1 Component
之后点击.我要点击Hello Component
然后才Product 2 Component
确保Product component
页面更新为 ID 号。
换句话说,Product
组件仅在我单击时更新:
Product 1 Component
Hello Component
Product 2 Component
如何解决问题?这是 Stackblitz 项目:
https://stackblitz.com/edit/angular-ivy-insynj?file=src%2Fproduct%2Fproduct.component.ts
最佳答案
Demo通常它正在工作。您缺少的是您无法在同一组件中重定向。这就是为什么你想错了。为每次点击提供功能和
<nav>
<a class="btn btn-tab" (click)="onChange('/hello')">Hello Component</a>
<a class="btn btn-tab"(click)="onChange('/product/1')">Product 1 Component</a>
<a class="btn btn-tab"(click)="onChange('/product/2')">Product 2 Component</a>
</nav>
<router-outlet></router-outlet>
在 component.ts 中使用它
constructor(private _router:Router){}
onChange(param){
this._router.routeReuseStrategy.shouldReuseRoute = () => false;
this._router.onSameUrlNavigation = 'reload';
this._router.navigate([param]);
}
关于angular - 如何使用路由器 socket 加载 Angular 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62366039/