双击后，带有[RouterLink]结果，可导航到默认路由的侧菜单项

Question

我在Angular应用程序上的侧面菜单上解决了一些错误，当我两次单击侧面菜单项时，我总是将其重定向到默认路由。如下面的屏幕截图所示，当我单击财务年度菜单项时，我将被重定向到付款帐户路由。是什么可能导致这种行为？

我在Sidemenu项目上使用RouterLink。

如下所示，我正在使用Routerlink

...
<div class="category-children" *ngIf="rlaAcc.isActive">
    <!-- Section Bank Accounts -->
    <div mat-list-item id="item-accounting-transfers" data-intercom-target="Accounting module transfers"
      [routerLink]="['/accounting', property.id, 'transfers']" routerLinkActive="active-child"
      #rlaAccBank="routerLinkActive" class="child-header">
    </div>
    <div class="category-children" *ngIf="rlaAccBank.isActive">
      <div mat-list-item id="item-accounting-transfers" data-intercom-target="Accounting module transfers"
        [routerLink]="['/accounting', property.id, 'transfers', 'currents']" routerLinkActive="active-sub-child"
        class="child-header">

      </div>
      <div mat-list-item id="item-accounting-transfers" data-intercom-target="Accounting module transfers"
        [routerLink]="['/accounting', property.id, 'transfers', 'savings']" routerLinkActive="active-sub-child"
        class="child-header">
 
      </div>
    </div>
...

会计路线

    export const ACCOUNTING_ROUTES: Route[] = [
       ....
      // Default link
      { 
        path: ':propId',
        redirectTo: '/accounting/:propId/transfers/currents',
        pathMatch: 'full', data:{propId:[`:propId`]},
        canActivate: [IsOnboardedGuard]
      },
      { path: ':propId/financial-years', loadChildren: () => import('@xyz/features/accounting/financial-years/main').then(m => m.FinancialYearsHomeModule), canActivate: [IsOnboardedGuard] },
   
     ......
    
    ];

财政年度路线

const FINANCIAL_YEAR_ROUTES: Routes = [
  { path: '', component: FinancialYearsHomePage,
    children: [
      { path:'', redirectTo: 'overview', pathMatch: 'full'},
      { path: 'overview', component: FYearsOverviewPage }
    ],
  },

];

路线日志我的测试环境

Answer 1

似乎问题是路由组件无法在同一URL上重新加载。为了在同一URL导航上重新加载组件，我将设置为onSameUrlNAvigation reload ，并提供 routereusestrategy false 在组件上均应false 。

import { Router } from '@angular/router';

constructor(private _router: Router){}

ngOnInit()
  {
    this._router.routeReuseStrategy.shouldReuseRoute = () => false;
    this._router.onSameUrlNavigation = 'reload';
  }