AngularJS搜索更改事件

Question

我需要類似$routeChangeSuccess的事件，但需要爲$ location.search（）變量。我打電話給$ location.search（'newview'），並需要知道它何時更改的方法。

謝謝！

Answer 1

你應該使用$scope.$watch：

$scope.$watch(function(){ return $location.search() }, function(){ 
    // reaction 
}); 

查看更多有關$watch在角docs。

如果您只是想添加'newview'，查詢字符串上面的代碼將工作。

即從http://server/page到http://server/page?newvalue

不過，如果你正在尋找「NewView的」改變上面的代碼將無法正常工作。

即從http://server/page?newvalue=a到http://server/page?newvalue=b

您需要使用 'objectEquality' 參數去調用$觀看。這會導致$ watch使用值相等，而不是對象引用相等。

$scope.$watch(function(){ return $location.search() }, function(){ 
    // reaction 
}, true); 

注意添加了第三個參數（true）。

Answer 2

你可以在你的控制器監聽$路由更新事件：

$scope.$on('$routeUpdate', function(){ 
    $scope.sort = $location.search().sort; 
    $scope.order = $location.search().order; 
    $scope.offset = $location.search().offset; 
});