首页 文章

AngularJS使用不同的URL维护页面转换的数据

提问于
浏览
0

我试图理解当跳转到另一个URL并再次返回时我们如何维护以前的数据 .

我有一个单页应用程序,比如说page1,我有一个搜索字段和搜索结果 . 搜索数据中有外部链接,如果用户点击该链接,则URL更改和用户会转到不同的页面 . 当用户想要通过点击浏览器的后退按钮返回上一个结果页面时,如何保持相同的结果数据?

1 回答

  • 1

    确保在给定状态下显示页面所需的所有内容都是其URL的一部分 . 我们举个例子:

    • 搜索页面 . 最初是空的 . 网址= /cars

    • 您填写搜索表单并按搜索按钮 . 这导航到URL /cars?color=blue&year=2015 . 转到此URL会更改路线,路线会搜索汽车并在页面中显示它们 .

    • 你点击一辆车 . 这导航到URL /cars/12345 . 转到此URL会更改路线,路线会加载汽车12345并将其显示在页面中 .

    • 您按后退按钮 . 这导航回URL`/ cars?color = blue&year = 2015 . 转到此URL会更改路线,路线会再次搜索车辆并在页面中显示 .

    简而言之,您的应用应该以与不是单页应用相同的方式工作,并且服务器使用URL动态生成HTML页面 .

相关问题