更改页面时router.url不会更改其内容

时间:2019-06-26 12:37:34

标签: angular angular2-routing angular7 angular8

我想检索我的角度应用程序的当前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的值不变

1 个答案:

答案 0 :(得分:3)

收听路由器事件以对其进行更新。

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