router.url не изменяет свое содержание при изменении страницы

Question

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

Я написал:

export class SidenavComponent implements OnInit {

  public href: string = "";
}

ngOnInit() {
     this.href = this.router.url;
    console.log(this.href);
  }

Проблема в том, что this.href не меняет свой контент. Предположим, я на главной странице, тогда this.href - это "dashboard/home". Теперь я нажимаю на кнопку и перехожу на другую страницу, тогда URL становится "localhost:4200/dashboard/target", но значение this.href не меняется

Answer 1

Слушайте события маршрутизатора, чтобы обновить его.

this.router.events.subscribe(() => this.href = this.router.url);