Przekierowanie za pomocą AngularJS

86

Próbuję przekierować na inną trasę używając:

$location.path("/route");

Ale z jakiegoś powodu to nie działa. Zrobiłem widget autouzupełniania przy użyciu jQuery-UI i wywołuję funkcję z zakresu, gdy użytkownik wybierze opcję. Debugowałem go i wchodzi do funkcji, ale nigdy nie jest przekierowywany na inną trasę. Zmienia trasę tylko po naciśnięciu klawisza.

Myślę, że to trochę dziwne, ale nie wymyśliłem, jak to rozwiązać. użyłem

window.location = "#/route";

i działa, ale chcę użyć tej path()funkcji.

Czy ktoś ma pojęcie, dlaczego tak się dzieje?

angularjs redirect location Tomarto
źródło

Odpowiedzi:

109

Na przykładzie niedziałającego kodu łatwo będzie odpowiedzieć na to pytanie, ale dzięki tym informacjom najlepsze, co mogę pomyśleć, to wywołanie $ location.path poza skrótem AngularJS.

Spróbuj zrobić to na dyrektywie scope.$apply(function() { $location.path("/route"); });

Renan Tomal Fernandes
źródło
Bardzo dziękuję i przepraszam, że nie opublikowałem niedziałającego przykładu. Ale właśnie tego potrzebował mój kod.
Tomarto
23
Masz pomysł, jak to zadziałać w metodzie .success w żądaniu $ http? @Tomarto
Nicholas Kreidberg,
2
na konsoli firefox (30 ~) uruchamia się błąd, że cykl $ Apply jest zajęty
svarog
1
Jak to ma działać? Otrzymuję następujący błąd: Błąd: [$ rootScope: inprog] $ zastosuj już w toku errors.angularjs.org/1.2.15/$rootScope/inprog?p0=%24apply at angular.js: 78 ..... w związku z tym nie działa jako windows.location = '' ..
Vaibhav
1
@NicholasKreidberg miał to samo pytanie i po prostu dodał $ scope. $ Apply (); zaraz po $ location.path ("/ route"); pracował dla mnie.
Ernesto Allely
82

Nie zapomnij wstrzyknąć $locationdo kontrolera.

Stepan Suvorov
źródło
2
Niezły haczyk - to był dla mnie problem.
Jason Swett
Niezłe, dziękuję za opublikowanie tego, co wydawało się tak oczywiste, nie było.
Chuck Conway,
20

Zakładając, że nie używasz routingu html5, spróbuj $location.path("route"). Spowoduje to przekierowanie przeglądarki do #/routetego, czego chcesz.

dpactri
źródło
15

Jeśli potrzebujesz przekierować z aplikacji kątowej, użyj $window.location. To był mój przypadek; miejmy nadzieję, że ktoś uzna to za przydatne.

Raulucco
źródło
2

Sprawdź swoją metodę routingu:

jeśli twój stan routingu jest taki

 .state('app.register', {
    url: '/register',
    views: {
      'menuContent': {
        templateUrl: 'templates/register.html',
      }
    }
  })

wtedy powinieneś użyć 

$location.path("/app/register");
jfindley
źródło
0

Trudno powiedzieć bez znajomości kodu. Domyślam się, że onchangezdarzenie nie jest uruchamiane po zmianie wartości pola tekstowego z kodu JavaScript.

Są na to dwa sposoby; pierwszy to dzwonienie onchangesamemu, a drugi to czekanie, aż pole tekstowe straci ostrość.

Sprawdź to pytanie ; ten sam problem, inne ramy.

Milan Jaric
źródło