Xem $ locationProvider trong Angular.js

Question

Tôi cần xem các thay đổi trên thanh URL và thực hiện một số hành động nhất định dựa trên đó. Tôi tự hỏi cách tốt nhất để thêm một chiếc đồng hồ để xem những thay đổi đối với nó là gì?

Answer 1

Sự kiện tồn tại, chúng tôi chỉ cung cấp tài liệu cho một số lý do.

Hãy thử các sự kiện sau: $locationChangeStart và $locationChangeSuccess

scope.$on('$locationChangeStart', function (event, newLoc, oldLoc){ 
    console.log('changing to: ' + newLoc); 
}); 

scope.$on('$locationChangeSuccess', function (event, newLoc, oldLoc){ 
    console.log('changed to: ' + newLoc); 
}); 

Hoặc bạn có thể $ xem bất kỳ giá trị mà bạn muốn bằng cách truyền một hàm vào đối số đầu tiên là $ đồng hồ như Anders gợi ý:

scope.$watch(function() { return $location.path(); }, function(newLoc, oldLoc){ 
    console.log(newLoc, oldLoc); 
}); 

Tuy nhiên điều này sẽ tạo thêm một chút chi phí trên $ digest của bạn.

Answer 2

Giả sử rằng bạn đã yêu cầu $ vị trí đối tượng trong điều khiển của bạn, bạn có thể làm điều đó như thế này:

$scope.$watch(function() { return $location.path() }, function() { 
    // Do stuff when the location changes 
});