更改页面时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);