Angular2 (rc4) - Проверить активный дочерний маршрут в родительском компоненте

Question

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

Я попытался подписаться на ActivatedRoute делать что-то вроде этого:

class ParentComponent { 
    constructor(private _route:ActivatedRoute) {} 

    ngOnInit() { 
     this._route.data.subscribe(value => console.log(value)}); 
    } 
} 

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

Любые идеи?

Answer 1

Вы можете получить доступ к активному маршруту ребенка с помощью ниже фрагмента кода

constructor(private router:Router, private currentActivatedRoute:ActivatedRoute) 
// this should be called in ngOnInit 
    var state = this.router.routerState 
    var children = state.children(this.currentActivatedRoute) 

RouterState, Tree

Answer 2

Во время написания этих строк, выбранный ответ, кажется, не работает больше.

Если вы хотите получать уведомления о появлении изменения маршрута, вы можете подписаться на наблюдаемый Router.events. например, NavigationEnd события сохранить URL как свойство:

this.router.events.filter(evt => evt instanceof NavigationEnd) 
        .map(evt =>evt.url) 
        .subscribe(url=>console.log(url)); 

Если вы хотите сравнить текущий маршрут к ребенку путь -Давайте сказать "child" -. Вы можете использовать Router.isActive() метод:

let events = this.router.events; 
events.filter(evt => evt instanceof NavigationEnd) 
     .map(() =>{ 
      let exact=true; 
      let childRoute=this.router.createUrlTree(["child"], {relativeTo: this.route} 
      return this.router.isActive(childRoute,exact); 
     }) 
     .subscribe(active=>console.log(`child route is active :${active`)); 

Примечания:

• this.router является Router экземпляр
• this.route является экземпляром ActivatedRoute
• exact используется для точного соответствия: если маршрут был "child/grand-child"this.router.isActive(route,true) вернул бы false