如何在angularjs 1.2.29中观看URL中的更改并将其应用于模型中，反之亦然？

Question

我正在使用ui.router来切换状态。其中一个状态的侧边栏带有filter型号：

$scope.filter = {
   searchType: 'RENT',
   propertyType: 'APARTMENT',
   min: 0,
   max: 200000
};

所以我的网址如下：#/search?searchType=RENT&propertyType=APARTMENT&min=0&max=200000。

如何“同步”网址和模型？

因此，当有人更改时，让我们在URL中说min值，更改将反映在我的模型中（当然，在视图中）。如果某人在视图中更改了某些值，则URL也会发生变化。

它尝试在$scope.$watchCollection上使用filter并使用$locationChangeSuccess捕获$scope.$on个事件，但它无法正常工作。

Answer 1

$scope.$on('$stateChangeSuccess', function () {
  // Grab values using $location.search()
});

如果该事件没有达到你想要的效果，也许你想要$ routeChangeSuccess。