如何使用 angular 中激活的路由器从 url 访问查询参数？

Question

我需要使用激活路由器通过查询参数访问当前 url。

 constructor(private router: Router,
              private route: ActivatedRoute) {
  }

 ngOnInit() {
    this.router.events.pipe(
          filter((event: RouterEvent) => event instanceof NavigationEnd && event.url.startsWith('/resources'))
        ).subscribe(() => {
          console.log(this.route.snapshot.params)
        })

}

当我访问我的 url、http://localhost:4200/web/#/resources/sharepoint;siteId=docs;displayName=test;resourceId=4

this.route.snapshot.params

打印一个空数组。如何访问查询参数 "resourceId"?

我试过了this.route.snapshot.queryParams，但它仍然打印出一个空数组。

Answer 1

阅读 this.router.url 然后拆分

constructor(private router: Router) {
   var url=this.router.url;
    var params=url.split(";");
    var resourceId=params[params.length-1].split("=")[1];
}

如何使用 angular 中激活的路由器从 url 访问查询参数？

How to access query params from a url using activated router in angular?

angular

angular-router

angular-activatedroute