AngularJS и ui.route плавная навигация

Question

У меня проблема. Я создаю приложение Angular, я использую угловой ui-маршрутизатор.

Я хочу, чтобы остановить навигацию с одной страницы на другую, пока я не бегаю Dóm анимации

Я знаю, у меня есть onStateSuccess и onStateStart, но я не знаю, как остановить не собирается этого состояния до Я запускал анимацию.

Я знаю, что могу перемещаться с $state.go('localhost'), но я ищу лучший подход для остановки и возобновления события.

Любые идеи?

---

EDIT

Я вижу, что я могу остановить событие на начало смены, есть способ, чтобы возобновить его после того, как я провел несколько функций?

$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams){ 
      console.log(event); 
      console.log(toState); 
      console.log(toParams); 
      console.log(fromState); 
      console.log(fromParams); 
      event.preventDefault(); 

      // transitionTo() promise will be rejected with 
      // a 'transition prevented' error 
     }); 

Answer 1

На $stateChangeStart проверок, чтобы увидеть, если вы в настоящее время анимации (с использованием флага). Если вы этого не сделаете, установите флаг, указывающий, что вы анимируете. Если вы анимируете, нажмите новый запрошенный вид в массив. Возврат false отменяет запрос.

На $stateChangeSuccess установите для анимирующего флага значение false и проверьте упомянутый выше массив для запрошенных просмотров, если у него есть что-то $state.go().

UPDATE

В начале анимации установить флаг в истинны и использовать, чтобы предотвратить страницу от изменения, как указано выше. Установите тайм-аут того, как долго длится ваша самая длинная анимация. Тайм-аут установил бы флаг анимации в значение false и инициировал бы изменение реального состояния.