AngularJS - Làm cách nào để thực hiện chuyển hướng khi tải toàn trang?

Tôi muốn thực hiện chuyển hướng tải lại toàn bộ trang để cookie từ máy chủ web của tôi được làm mới khi trang tải. window.location = "/#/Next"và window.location.href = "/#/Next"không hoạt động, chúng thực hiện một tuyến Angular mà không đánh vào máy chủ.

Cách chính xác để thực hiện yêu cầu máy chủ đầy đủ trong bộ điều khiển Angular là gì?

Đối với <a>các thẻ :

Bạn cần gắn thẻ target="_self"của mình<a>

Có ba trường hợp AngularJS sẽ thực hiện tải lại toàn bộ trang:

• Các liên kết có chứa phần tử đích
  Ví dụ:<a href="https://stackoverflow.com/ext/link?a=b" target="_self">link</a>
• Các liên kết tuyệt đối đi đến một miền khác
  Ví dụ:<a href="http://angularjs.org/">link</a>
• Các liên kết bắt đầu bằng '/' dẫn đến một đường dẫn cơ sở khác khi cơ sở được xác định
  Ví dụ:<a href="https://stackoverflow.com/not-my-base/link">link</a>

Sử dụng javascript :

Các $locationdịch vụ cho phép bạn thay đổi duy nhất địa chỉ URL; nó không cho phép bạn tải lại trang. Khi bạn cần thay đổi URL và tải lại trang hoặc điều hướng đến một trang khác, hãy sử dụng một API mức thấp hơn: $window.location.href.

Xem:

• https://docs.angularjs.org/guide/$location
• https://docs.angularjs.org/api/ng/service/$location

Chúng tôi đã gặp vấn đề tương tự, làm việc từ mã JS (tức là không phải từ neo HTML). Đây là cách chúng tôi giải quyết điều đó:

1. Nếu cần, hầu như thay đổi URL hiện tại thông qua $locationdịch vụ. Điều này có thể hữu ích nếu đích của bạn chỉ là một biến thể trên URL hiện tại, để bạn có thể tận dụng các $locationphương pháp trợ giúp. Ví dụ: chúng tôi đã chạy $location.search(..., ...)để chỉ thay đổi giá trị của một tham số chuỗi truy vấn.

2. Tạo URL đích mới, sử dụng URL hiện tại $location.url()nếu cần. Để hoạt động, cái mới này phải bao gồm mọi thứ sau lược đồ, miền và cổng. Vì vậy, ví dụ: nếu bạn muốn chuyển đến:

   http://yourdomain.com/YourAppFolder/YourAngularApp/#/YourArea/YourAction?culture=vi

   thì bạn nên đặt URL như trong:

   var destinationUrl = '/YourAppFolder/YourAngularApp/#/YourArea/YourAction?culture=en';

   (với cả hàng đầu '/').

3. Chỉ định URL đích mới ở cấp thấp :$window.location.href = destinationUrl;

4. Buộc tải lại, vẫn ở mức thấp: $window.location.reload();

Sau khi tìm kiếm và đưa ra lượt truy cập và phiên dùng thử, tôi có thể solo nó bằng cách chỉ định url trước tiên như

$window.location.href = '/#/home/stats';

sau đó tải lại

$window.location.reload();

Tôi gặp vấn đề tương tự. Khi tôi sử dụng window.location, $window.locationhoặc thậm chí <a href="..." target="_self">tuyến đường không làm mới trang. Vì vậy, các dịch vụ được lưu trong bộ nhớ cache được sử dụng không phải là những gì tôi muốn trong ứng dụng của mình. Tôi đã giải quyết nó bằng cách thêm window.location.reload()after window.locationđể buộc trang tải lại sau khi định tuyến. Phương pháp này dường như tải trang hai lần. Có thể là một thủ thuật bẩn thỉu, nhưng nó hoạt động hiệu quả. Đây là cách tôi có nó bây giờ:

  $scope.openPage = function (pageName) {
      window.location = '#/html/pages/' + pageName;
      window.location.reload();
  };

Thử cái này

$window.location.href="#page-name";
$window.location.reload();