javascript - reloadOnSearch :false 时返回按钮

Question

我的 ngView 包含三个 ngIncluded View :搜索过滤器、产品、分页。我想:

1. 在不重新加载整个页面的情况下过滤产品仅查看产品
2. 向 url 添加过滤器，例如。 ?category=鞋子
3. 能够使用后退和下一步按钮

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

Answer 1

如果您执行 reloadOnSearch:false，则使用相同的 Controller 实例，并且任何后退都不会重新加载任何 Controller 或相关 View 。您需要响应在这种情况下引发的 $routeUpdate 事件。参见 $route documentation对此。

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