在角度链接中返回时保持滚动位置

时间:2019-03-21 11:17:29

标签: angular angular-routing

我在一个有一些项目的列表组件的项目中使用了angular 6,您可以单击每个项目进行编辑。 我想要的是滚动到列表的底部,单击“编辑”,然后在我单击“编辑”时回到原来的位置。

据我所了解的,Angular 6通过在应用程序路由中使用scrollPositionRestoration:'enabled',anchorScrolling:'enabled'来做到这一点。我已经做到了,但是没有用。我试图找出原因,所以我的问题是,是否在所有路由情况下都使用scrollPositionRestoration,或者我是否只有子组件。我的应用程序没有父/子组件。我的路线是:

{
    path: 'productionOrders',
    component: ProductionOrdersComponent,
    canActivate: [AuthGuard],
    canDeactivate: [CanDeactivateGuard]
  }, 
{
    path: 'productionOrderEdit/:id',
    component: ProductionOrderEditComponent,
    canActivate: [AuthGuard],
    canDeactivate: [CanDeactivateGuard]
  },

所以我在/ productionOrders处,移至productionOrderEdit / 100,然后单击返回至/ productionOrders。我应该将它们转换为父/子样式以具有scrollPositionRestoration吗?

谢谢

0 个答案:

没有答案