Angular RouterLink片段中断应用程序路由

我有一个名为pgr accordion的组件，我试图利用锚点片段在其父组件power gauge report的html中跳跃，就像这样（两者都包含在power gauge report.module中）：

---

默认情况下，Angular会在后续导航时从组件中删除查询参数

要覆盖此默认设置，您需要在链接上单击事件，并在事件处理程序中使用路由器导航，将queryParamsHandling设置为“保留”

<accordion [closeOthers]="true">
  <accordion-group routerLink="." fragment="financials" #financials...>
  <accordion-group routerLink="." fragment="earnings" #earnings...>
  <accordion-group routerLink="." fragment="technicals" #technicals...>
  <accordion-group routerLink="." fragment="experts" #experts...>
</accordion>

const routes: Routes = [
  {path: '', redirectTo: '/market-insights', pathMatch: 'full'},
  {path: 'login', component: LoginComponent},
  {path: 'market-insights', component: MarketInsightsComponent},
  {path: 'market-insights/:id', component: InsightDetailComponent},
  {path: 'power-gauge-report', component: PowerGaugeReportComponent},
  {path: 'power-gauge-report/:symbol', component: PowerGaugeReportComponent},
  {path: 'portfolio-health-check', component: PortfolioHealthCheckComponent},
  {path: 'glossary', component: GlossaryComponent},
  {path: 'market-insights/about/:name', component: AboutComponent},
  {path: '404', component: PageNotFoundComponent},
  {path: '**', redirectTo: '/404'}
];