【问题标题】:Return to modified search results返回修改后的搜索结果
【发布时间】:2016-04-28 12:09:23
【问题描述】:

使用 Spring 4 和 angularjs,我正在开发一个具有以下功能的 Web 应用程序:

home.html

  • 用户输入产品搜索条件并提交搜索

results.html

  • 应用程序显示符合从服务器返回的条件的产品列表(在 DIV 元素内)。
  • 对于每个产品,用户可以单击“选择”按钮或“关闭”按钮将其从 DOM 中删除。 “选择”只是将产品 ID 添加到 Javascript 数组中
  • 用户可以提交选择,将所选产品的数组发布到服务器。
  • 同样在提交之前,用户可以点击产品,从而导航到显示更多详细信息的 product.html 页面。

product.htmlhome.htmlresults.html 被加载到 index.html 中包含的 ng-view 中

所有这些都是非常标准的功能,它对我有用。但是,当用户查看 product.html 页面时,我需要一个返回 results.html 页面的链接,其中包括 (1) 标准的结果,以及 ( 2) 用户所做的任何修改,例如单击提交或关闭按钮。基本上,它应该就像用户在新的浏览器选项卡中打开 product.html 然后将其关闭以返回结果一样,但是这一切都发生在 ng-view 中。

我的直觉是,这基本上是一个典型的“购物车”,搜索结果就是购物车内容。但是,我不确定我对这个假设是否正确。另外,我不确定如何使用 Spring 和 angularjs 来实现这个功能——这个功能应该由 Spring、angularjs 管理还是两者兼而有之。

我不是在这里寻找确切的代码,而是在正确的方向上寻找使用什么方法来实现它的点。谢谢。

【问题讨论】:

    标签: java angularjs spring spring-mvc


    【解决方案1】:

    一种方法是使用一个包含所有数据的主控制器,将其加载到 body 标记(或更高级别的 div)上,然后在嵌套 div 中加载您提到的其他 html 页面。我也将缓存服务用于类似的功能,但事后看来,这似乎有点矫枉过正。

    【讨论】:

    • 我没想过只使用可见性。我可以有一页有两个 ng-views。我最初可以隐藏产品 ng-view 并显示结果 ng-view。当用户点击一个产品时,这种可见性是相反的。同样,当用户返回搜索返回时,它会再次反转。虽然可能有更好的方法,但我不确定。编辑:我看到每个模板只能有一个 ng-view stackoverflow.com/questions/17544558/…
    • 有时最简单的解决方案就是最好的答案。 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多