$ location.path không thay đổi trong một nhà máy với AngularJS

Question

Nhà máy của tôi trông giống như:

'use strict'; 

angular.module('myApp') 
    .factory('httpInterceptor',['$q','$location', '$rootScope', function($q, $location, $rootScope){ 
    return { 
     response: function(response) { 

     if(response.success === false) { 
console.log("Redirecting"); 
      $location.path('/login'); 
      return $q.reject(response); 
     } 

     return response || $q.when(response); 
     } 
    } 
}]); 

Nó spits ra nhật ký, nhưng không thay đổi đường dẫn. Tôi có thể làm gì để thực hiện điều này?

Answer 1

Các documentation for $location nói:

Lưu ý rằng setters không cập nhật window.location ngay lập tức. Thay vào đó, dịch vụ định vị $ nhận thức được vòng đời của phạm vi và kết hợp nhiều biến đổi vị trí $ thành một "commit" với đối tượng window.location trong phạm vi $ digest phase.

Do đó, nếu từ chối lời hứa có hiệu lực trên $location, thì bạn có thể không thấy thay đổi dự định.

Để buộc thay đổi ngoài vòng đời của vòng, bạn có thể đặt hash bằng cách sử dụng window.location và sau đó buộc tải lại trang. Điều này sẽ, tất nhiên, ngừng thực hiện bất kỳ mã nào sau và xóa phiên, nhưng đó có thể là những gì bạn muốn nếu người dùng không đăng nhập.

Answer 2

Hãy thử

$location.path('#/login'); 

thay vì

$location.path('/login'); 

Answer 3

Có một số trường hợp vị trí $ sẽ không chuyển hướng nếu nó là chu kỳ áp dụng bên ngoài góc cạnh. Hãy thử gói $ vị trí bên trong $ áp dụng.

$rootScope.$apply(function(){$location.path('/somelocatin'); }); 

Answer 4

một này làm việc cho tôi trên góc báo 1.3.14

myServices.factory('Factory', ['$rootScope', '$location', function ($rootScope, $location) { 
    // do something and redirect 
    $location.path('path') 
    $rootScope.$apply() 
}]) 

rằng $rootScope.$apply() là sau khi $location.path('path') cuộc gọi, vì một lý do gói nó bên trong $ áp dụng callback gọi như gợi ý ở trên wasn' t làm việc.