Angular 导航到页面中**不同**(不相同)页面/组件的片段

Angular 导航到页面中**不同**(不相同)页面/组件的片段,angular,angular-routing,anchor-scroll,page-fragments,hash-location-strategy,Angular,Angular Routing,Anchor Scroll,Page Fragments,Hash Location Strategy,单击链接后,我想导航到不同的页面/组件的片段。尽管我尝试了多种方法,但仍未能实现这一目标: 链接: 单击“查看”链接,系统将导航到/main/dash路径/页面/组件,但不会在第一步滚动到片段。一旦我进入主页,当我点击相同的导航链接(视图-位于标题中)时,它就会滚动到片段 也就是说,当我已经在同一个页面/组件上时,主播croling可以工作,但如果源是不同的页面/组件,则不能工作 我还尝试使用(单击)&this.router.navigate()而不是使用routerLink,但结果是一样的 我

单击链接后,我想导航到不同的页面/组件的片段。尽管我尝试了多种方法,但仍未能实现这一目标:

链接:

单击“查看”链接,系统将导航到
/main/dash
路径/页面/组件,但不会在第一步滚动到片段。一旦我进入主页,当我点击相同的导航链接(视图-位于标题中)时,它就会滚动到片段

也就是说,当我已经在同一个页面/组件上时,主播croling可以工作,但如果源是不同的页面/组件,则不能工作

我还尝试使用
(单击)
&
this.router.navigate()
而不是使用routerLink,但结果是一样的

我确实使用了
HashLocationStrategy

任何帮助都将不胜感激

谢谢

更新:


在深入挖掘之后,这正是我面临的问题。似乎还没有可用的解决方案?:

你能创建一个StackBlitz演示吗?嗨@AndreiGătej,请检查我的最新问题:在深入挖掘之后,这正是我面临的问题。似乎还没有解决方案
<a routerLink="/main/dash" fragment="dir">View</a>
<!-- Other elements -->

<app-dir id="dir"></app-dir>
{
   path: 'main',
   component: LayoutComponent,
   children: [{
      path: 'dash',
         loadChildren: () => import('src/app/features/dash/dash.module').then(m => m.DashModule),
         canActivate: [AuthGuard]
   }]

   // Other code
}
   
// Other code

imports: [RouterModule.forRoot(appRoutes, { useHash: true, anchorScrolling: 'enabled', onSameUrlNavigation: 'reload' })],