AngularJS - Jak zrobić przekierowanie przy pełnym załadowaniu strony?

Chcę wykonać przekierowanie, które powoduje ponowne załadowanie całej strony, aby pliki cookie z mojego serwera WWW były odświeżane podczas ładowania strony. window.location = "/#/Next"i window.location.href = "/#/Next"nie działają, wykonują trasę Angular, która nie trafia do serwera.

Jaki jest poprawny sposób wysyłania pełnego żądania serwera w kontrolerze Angular?

Dla <a>tagów :

Musisz przykleić target="_self"swój <a>tag

Istnieją trzy przypadki, w których AngularJS przeładuje całą stronę:

• Linki zawierające element docelowy
  Przykład:<a href="https://stackoverflow.com/ext/link?a=b" target="_self">link</a>
• Bezwzględne linki prowadzące do innej domeny
  Przykład:<a href="http://angularjs.org/">link</a>
• Linki zaczynające się od „/”, które prowadzą do innej ścieżki bazowej, gdy baza jest zdefiniowana
  Przykład:<a href="https://stackoverflow.com/not-my-base/link">link</a>

Korzystanie z javascript :

$locationUsługa pozwala na zmianę jedynie URL; nie pozwala na ponowne załadowanie strony. Kiedy trzeba zmienić adres URL i odświeżyć stronę lub przejdź do innej strony, należy użyć niższym poziomie API: $window.location.href.

Widzieć:

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

Mieliśmy ten sam problem, pracując z kodem JS (tj. Nie z kotwicy HTML). Oto jak rozwiązaliśmy ten problem:

1. W razie potrzeby wirtualnie zmień bieżący adres URL za pośrednictwem $locationusługi. Może to być przydatne, jeśli miejsce docelowe jest tylko odmianą bieżącego adresu URL, aby można było skorzystać z $locationmetod pomocniczych. Np $location.search(..., ...). Pobiegliśmy po prostu zmienić wartość parametru querystring.

2. Utwórz nowy docelowy adres URL, używając aktualnego, $location.url()jeśli to konieczne. Aby działał, ten nowy musiał zawierać wszystko po schemacie, domenie i porcie. Czyli np. Jeśli chcesz przenieść się do:

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

   wtedy powinieneś ustawić URL jak w:

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

   (również z prowadzeniem '/').

3. Przypisz nowy docelowy adres URL na niskim poziomie :$window.location.href = destinationUrl;

4. Wymuś przeładowanie, wciąż na niskim poziomie: $window.location.reload();

Po wyszukaniu i podaniu trafienia i sesji próbnej jestem w stanie rozwiązać ten problem, podając najpierw adres URL

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

następnie załaduj ponownie

$window.location.reload();

Miałem ten sam problem. Kiedy używam window.location, $window.locationczy nawet <a href="..." target="_self">trasa nie odświeża strony. Więc używane są usługi buforowane, co nie jest tym, czego chcę w mojej aplikacji. Rozwiązałem to, dodając window.location.reload()po, window.locationaby wymusić ponowne załadowanie strony po routingu. Ta metoda wydaje się jednak ładować stronę dwukrotnie. Może to być brudna sztuczka, ale działa. Oto jak mam to teraz:

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

Spróbuj tego

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