2015-11-05 2 views
4

В угловом2, что эквивалентно этим событиям angular1?

$ routeChangeStart, $ routeChangeSuccess, $ routeChangeError

Я хочу использовать эти события в компоненте приложения корня, чтобы иметь дело с любым изменением маршрута.

заранее спасибо

обновление

  • Если я использую OnActivate, OnDeactivate события, ему нужно, чтобы добавить его к каждому компоненту :(

  • Также я пытался реализовать мой собственный RouterOutlet, но я не могу получить доступ к предыдущей инструкции по активации, деактивации событий, также я не знаю, как обрабатывать маршрут. Ошибка изменения.

  • Также router.subscribe дал мне только имя, но я хочу, чтобы получить текущие и следующие объекты инструкции, чтобы изменить некоторые свойства

Моя цель:

1 Показать индикатор загрузки при изменении начала страницы и скрыть его при загрузке страницы.

2- Сделать анимация перехода РТЛ или LTR для текущей и следующей инструкции

+0

я решить эту проблему для любого человека сталкиваются с этой проблемой, вы можете создать свою собственную директиву RouterOutlet, которая наследуется от RouterOutlet, а затем использовать ее как прокси –

+0

У вас есть образец? любой plunkr? –

+1

@JavierRos есть несколько сообщений и проектов, если вы ищете * угловой2 пользовательский маршрутизатор *. Некоторые из них принадлежат [captaincoder] (http://www.captaincodeman.com/2016/03/31/angular2-route-security/), [auth0] (https://github.com/auth0-blog/angular2 -authentication-sample/blob/master/src/app/LoggedInOutlet.ts), [blacksonic] (http://stackoverflow.com/questions/34331478/angular2-redirect-to-login-page/35817366#35817366) – superjos

ответ

2

Есть некоторые события, такие как OnActivate, OnDeactivate и защитные функции CanActivate и CanDeactivate, которые вы можете посмотреть.

Смотрите документацию для Router

+0

эти события работают на уровне компонентов, я хочу покрыть все изменения маршрута в корневом компоненте приложения , Я хочу покрыть <роутер-выход> изменение в компоненте корневого приложения –

+0

Компонентные крючки разные https: // угловые.io/docs/ts/latest/api/lifecycle_hooks/ – Chandermani

+0

благодарит Chandermani за попытку помочь мне Я читаю компонентные перехватчики, но он помогает нам просматривать изменяющиеся значения свойств (любое свойство), но маршрут не является свойством –

1

я решить эту проблему, для любого, кто столкнется с этой проблемой, вы можете сделать свой собственный директиву RouterOutlet, которая унаследует от RouterOutlet затем использовать его в качестве прокси

Смежные вопросы