Угловой интерфейс JS UI Маршрутизация

Question

Я пытаюсь использовать маршрутизацию UML с угловым интерфейсом. У меня есть три веб-страницы, клиенты могут получить доступ к первой странице по какой-либо ссылке, но если у url есть прикрепленный к ней токен, я делаю в контроллере $ state.go ('second-page'). Если токен равен нулю, я держу клиента на первой странице. Однако я хочу, чтобы клиент, нажав кнопку «Назад» в браузере, должен перейти на первую страницу. Который не бывает.

Так сценарий

клиент приходит по ссылке

'#/форма/календарь /: officeId /: лексема'

и поскольку маркер не является нулевой переход я вторая страница, которая не имеет URL-адрес теперь становится

'#/форма /'

, но когда клиент нажимает на кнопку назад он пытается перейти к

«#/форма/календарь /: officeId /: лексема»

, что приводит к циклическому переходу на вторую страницу а клиент никогда не сможет достичь первой страницы.

Просьба сообщить, как этого избежать.

Спасибо

Answer 1

Там нет ничего в маршрутизатор, который действительно разработан для этого, но это довольно легко реализовать себя. Маршрутизатор отправляет $stateChangeStart событие, которое вы можете прослушать. На втором триггере вы просто захотите заблокировать это перенаправление. Или просто перенаправлять туда, один раз:

var redirected = false; 
$rootScope.$on('$stateChangeStart', function(e, to, toParams, from, fromParams) { 
    // Redirect the user but only once 
    if (!redirected && toState.whateverYouWantToCheck) { 
     e.preventDefault(); 
     redirected = true; 
     $state.go(...); 
    } 
}); 

Это позволит вам выполнять переадресацию, но только один раз.

Answer 2

Вы могли бы выполнить свою переадресацию из #/form/calendar/:officeId/:token в #/form/ с использованием методы замены в $location службы. Это заменит текущую запись истории браузера на новую страницу, а не добавит новую.

AngularJS описание функции замены:

заменить() - При вызове, все изменения в $ месте во время текущего $ дайджеста будет заменить текущую запись истории, вместо добавления нового.

Вы бы выполнить переадресацию так:

$location.path('/form').replace(); 

Docs for $location service