AngularJS - Wykrywanie, przeciąganie i anulowanie zmian trasy

Question

Widzę zdarzenie $routeChangeStart w moim kontrolerze, ale nie widzę, jak powiedzieć Angularowi, żeby został. Muszę wyskoczyć coś w stylu "Czy chcesz ZAPISZ, USUNĄĆ lub ANULOWAĆ?" i pozostanie na aktualnej "stronie", jeśli użytkownik wybierze anuluj. Nie widzę żadnych zdarzeń, które umożliwiają słuchaczom anulowanie zmiany trasy.

Answer 1

Słuchasz niewłaściwego wydarzenia, trochę googlowałem, ale nie znalazłem niczego w dokumentach. Szybki test tego:

$scope.$on("$locationChangeStart", function(event){ 
    event.preventDefault(); 
}) 

W globalnym kontrolerze uniemożliwiono zmianę lokalizacji.

Answer 2

Udokumentowanym sposobem wykonania tej czynności jest użycie właściwości resolve tras.

Dokumentacja serwisowa "$ route" mówi, że zdarzenie "$ routeChangeError" jest uruchamiane, jeśli którekolwiek z obietnic "rozwiązania" zostanie odrzucone. 1 To oznacza, że ​​możesz użyć "$ routeProvider", aby określić funkcję, która zwraca obietnicę, która zostanie później odrzucona, jeśli chcesz zapobiec zmianie trasy.

Zaletą tej metody jest to, że obietnica może zostać rozwiązana lub odrzucona na podstawie wyników zadań asynchronicznych.

Answer 3

$scope.$watch("$locationChangeStart", function(event){ 
    event.preventDefault(); 
}); 

Można zrobić tak jak dobrze. Korzyści z wykonywania tego sposobu jest to, że nie wyzwala poprzez if() oświadczenie z $ na ... jak dobrze zobaczyć że poniżej kod wywoła bez względu na warunek:

if(condition){ //it doesn't matter what the condition is true or false 
    $scope.$on("$locationChangeStart", function(event){ //this gets triggered 
    event.preventDefault(); 
    }); 
}