重新加载搜索时的后退按钮:假

Back button when reloadOnSearch:false

本文关键字：按钮 搜索 新加载 加载      更新时间：2023-09-26

我有三个ngIncluded视图ngView：搜索过滤器、产品、分页。我想：

  1. 过滤产品而无需重新加载整个页面，只需产品视图
  2. 向网址添加过滤器，例如。 ?category=shoes
  3. 能够使用"上一步"和"下一步"按钮

我在$routeProvier.when中设置了reloadOnSearch: false.现在，当我调用$location.search()函数url时，页面不会重新加载。这就是我想要实现的目标，但是当我单击后退按钮时，产品不会重新加载到以前的状态。唯一发生的事情是网址的更改。问题是在这种情况下如何处理"后退"和"下一步"按钮事件？

如果重新加载 OnSearch：false，则使用控制器的相同实例，并且任何后退都不会重新加载任何控制器或相关视图。您需要响应在这种情况下引发$routeUpdate事件。请参阅有关此$route文档。

$scope.$on('$routeUpdate',function(e) {
   // Code to handle the route change.
});

您必须手动处理所有内容。这意味着当您按下后退或下一步按钮时，您必须回到使用$location的状态。

相关文章：