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' })],