如何在Angular中实现后退按钮以导航上一页?

弗雷德里克

list-componentpageIndex通过在另一个类中设置一些变量来保持值,就在导航到另一个组件之前,比如说x-component然后,当导航到时list-component,我想要获得先前的设置,pageIndex以便打开该页面而不是打开数据表上的第一页。那么,在不使用服务或订阅的情况下解决此问题的合适方法是什么?我可以使用其他类,但不能使用服务。我尝试从一个类中检索设置的值,但是pageIndex在尝试检索它时值未定义。

任何帮助,将不胜感激。

本尼

您还可以将其pageIndex作为list-component呈现页面的URL参数

注入您的ctor:

private route: ActivatedRoute

然后在你ngOnInit做类似的事情:

this.route.params.subscribe((params: any) => {
    if (params.pageIndex) {
        this.pageIndex = params.pageIndex;
    }
});

在路由模块中,您的网址应匹配:some-url/:pageIndex当在列表中来回翻页时,URL应该相应地更新。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Angular中更新上一页URL

来自分类Dev

如何在ios上实现导航后退按钮动作?

来自分类Dev

单击android后退按钮时,如何在上一页中重新初始化扑动动画?

来自分类Dev

在后退按钮上的onsen ui中刷新上一页

来自分类Dev

在后退按钮上的onsen ui中刷新上一页

来自分类Dev

后退按钮在 Xamarin 上的 Android 中恢复不需要的上一页

来自分类Dev

angularjs:单击浏览器的后退按钮时如何从嵌套视图返回上一页?

来自分类Dev

如何仅在一页中删除离子标题中的后退按钮

来自分类Dev

如何在 wicket 框架中返回上一页

来自分类Dev

带框架的splitview并导航到另一页,后退按钮不起作用

来自分类Dev

最后一页(上载页)不断返回,如何在硒中停留在同一页上

来自分类Dev

如何在一页上实现两组CSS选项卡?

来自分类Dev

如何在一页上实现两组CSS选项卡?

来自分类Dev

如何在Windows 8的另一页中的翻转视图控件中显示上一页选择的项目?

来自分类Dev

如何在Cordova 4.0中仅覆盖单页上的后退按钮?

来自分类Dev

如何在引导分页中更改下一页和上一页的标签?

来自分类Dev

如何在引导分页中更改下一页和上一页的标签?

来自分类Dev

如何在Laravel中禁用分页指示首页,最后一页和指示上一页,下一页

来自分类Dev

如何在Laravel中禁用分页指示首页,最后一页和指示上一页,下一页

来自分类Dev

如何在一页网站中更改导航和悬停工具提示背景颜色

来自分类Dev

如何在一页网站中更改导航和悬停工具提示背景颜色

来自分类Dev

在Angular 9中导航到另一页后如何删除方法“添加”

来自分类Dev

如何在一页上创建以NxM为中心的大按钮?

来自分类Dev

如何在 OnSen 和 Angular 2+ 中关闭当前页面后刷新上一页

来自分类Dev

如何在导航栏的默认后退按钮上设置图像

来自分类Dev

如何在MVC 5的同一页面中实现索引并创建?

来自分类Dev

如何调用另一页上的按钮值?

来自分类Dev

如何在 nativescript 6 中的后退按钮事件上导航到特定页面

来自分类Dev

如何在Pentadactyl的新标签页中打开上一页/下一页?

Related 相关文章

  1. 1

    如何在Angular中更新上一页URL

  2. 2

    如何在ios上实现导航后退按钮动作?

  3. 3

    单击android后退按钮时,如何在上一页中重新初始化扑动动画?

  4. 4

    在后退按钮上的onsen ui中刷新上一页

  5. 5

    在后退按钮上的onsen ui中刷新上一页

  6. 6

    后退按钮在 Xamarin 上的 Android 中恢复不需要的上一页

  7. 7

    angularjs:单击浏览器的后退按钮时如何从嵌套视图返回上一页?

  8. 8

    如何仅在一页中删除离子标题中的后退按钮

  9. 9

    如何在 wicket 框架中返回上一页

  10. 10

    带框架的splitview并导航到另一页,后退按钮不起作用

  11. 11

    最后一页(上载页)不断返回,如何在硒中停留在同一页上

  12. 12

    如何在一页上实现两组CSS选项卡?

  13. 13

    如何在一页上实现两组CSS选项卡?

  14. 14

    如何在Windows 8的另一页中的翻转视图控件中显示上一页选择的项目?

  15. 15

    如何在Cordova 4.0中仅覆盖单页上的后退按钮?

  16. 16

    如何在引导分页中更改下一页和上一页的标签?

  17. 17

    如何在引导分页中更改下一页和上一页的标签?

  18. 18

    如何在Laravel中禁用分页指示首页,最后一页和指示上一页,下一页

  19. 19

    如何在Laravel中禁用分页指示首页,最后一页和指示上一页,下一页

  20. 20

    如何在一页网站中更改导航和悬停工具提示背景颜色

  21. 21

    如何在一页网站中更改导航和悬停工具提示背景颜色

  22. 22

    在Angular 9中导航到另一页后如何删除方法“添加”

  23. 23

    如何在一页上创建以NxM为中心的大按钮?

  24. 24

    如何在 OnSen 和 Angular 2+ 中关闭当前页面后刷新上一页

  25. 25

    如何在导航栏的默认后退按钮上设置图像

  26. 26

    如何在MVC 5的同一页面中实现索引并创建?

  27. 27

    如何调用另一页上的按钮值?

  28. 28

    如何在 nativescript 6 中的后退按钮事件上导航到特定页面

  29. 29

    如何在Pentadactyl的新标签页中打开上一页/下一页?

热门标签

归档