在AngularJS中,如何在URL哈希上添加$ watch？

Question

使用Angular,如何通过我的应用程序或浏览器从URL栏或后退/前进按钮更新URL时,如何添加更新哈希时触发的监视？

Answer 1

$scope.$watch 接受函数作为第一个参数,所以你可以这样做:

$scope.$watch(function () {
    return location.hash
}, function (value) {
    // do stuff
});

但我会建议使用的事件,如$routeChangeSuccess为缺省路由器:

$scope.$on("$routeChangeSuccess", function () {})

或者$stateChangeSuccess用于ui-router

$scope.$on("$stateChangeSuccess", function () {})

Answer 2

$ locationChangeSuccess可能会更好.

$scope.$on('$locationChangeSuccess', function(event, newUrl, oldUrl){
    // TODO What you want on the event.
});

Answer 3

如果您没有使用角度$ watch,这也可以.基本上,你看'hashchange'窗口事件.无论angularJS做什么都是这个的包装.例如,

$($window).bind('hashchange', function () {

    // Do what you need to do here like... getting imageId from #
    var currentImageId = $location.search().imageId;

});