AngularJS：更新网址上的内容而不重新加载

Question

我有一个简单的AngularJS网页，其中变量充当过滤器。该变量可以在URL中给出，例如http://example.org/?filter=foobar。该变量也可以在页面上的表单中给出/选择。

我想要做的是，当页面已经加载并且在网址栏中更改了过滤条件，以便更新过滤器变量（因此更改了活动过滤器）没有页面重新加载。

之前这对我有用，但最近的更新和对html5模式的更改（出于不同的原因）似乎打破了这一点。现在重新加载页面。

我做了，现在仍然做的是添加观察者：

$scope.$watch(
    function () { return $location.search().filter },
    function(filter) { $scope.filter = filter; }
);
$scope.$watch(
    'filter',
    function(filter) { $location.search('filter', filter); }
);

说实话，我是根据例子编写的代码，所以我可能没有完全理解。

关于SO的其他类似问题并未提供我的问题的答案;他们使用$state或ngRoute，但我没有使用{{1}}或{{1}}。