Angular PrimeNG TabMenu 在同一项目上重新加载

Question

我想知道如何手动重新加载 PrimeNG 的活动菜单项。

我知道有一些方法可以手动重新加载当前组件，但我想知道PrimeNG是否实现了任何方法来重新加载活动项？

类似：[onSameActiveItem] =“重新加载”

有一个例子：

<p-tabMenu
  [model]="items"
  [activeItem]="activeItem"
  (activeItemChange)="onActiveItemChange($event)"
/>
<div class="router-container">
  <router-outlet></router-outlet>
</div>

Answer 1

您可以使用以下代码配置相同的路线导航不应重复使用。

export class SomeComponent {
  constructor(
    private router: Router) { }

  ngOnInit(): void {
    this.router.routeReuseStrategy.shouldReuseRoute = () => { return false; };
  }

  onActiveItemChange(item: any) {
    this.router.navigate([item.path]);
  }
}