Как следить за изменением маршрута и изменять значение логической переменной при каждом изменении маршрута в угловом 2?

Question

У меня есть компонент заголовка, где я делаю несколько логических переменных истинными, чтобы кнопки отображались в html. Таким образом, в основном в угловом 1.x мы использовали часы на location.path. Но в угловой 2 я понимаю, что у нас нет часов. Когда я больше разбирался в том, как добиться этого, я столкнулся с такими темами, как обнаружение изменений, ngOnChange, Observable, router.subscribe и т. Д. Я новичок в Angular 2 и использую Angular 2.0.0-beta.15.I не могу понять, какую тему я должен прочитать, чтобы найти решение. Может ли кто-нибудь помочь мне, какая тема относится к моей ситуации?

Answer 1

import {Router} from 'angular2/router'; 

@Component({ 
..... 
}) 
export class YourCmp { 

    someVar: boolean = false; 

    constructor(private router: Router){ 

     this.router.subscribe(() => { 
      // this code will run on every route change 
      // do what you want, here 

      this.someVar = !this.someVar; 
     }); 

    }  
} 

Answer 2

Если вы используете @ угловом/маршрутизатор с версии 3.0.0-beta.2 Они изменили способ подписаться

import {Router} from "@angular/router"; 

@Component({ 
..... 
}) 
export class YourCmp { 


    constructor(private router: Router) { 
     this.router.events.subscribe(route => { 
      console.log(route.url); 
     }); 
    } 
}