Angular2:如何在App Component中访问index.html查询字符串

时间:2017-04-06 13:53:03

标签: angular

我是Angular2 Development的新手。

我有一个要求,我需要从我的ASP.Net网站上调用Angular2网站。在调用Angular2网站(localhost:4200 \ index.html)时,会传递如下的查询字符串 的本地主机:4200 \ index.html的用户ID =钱德拉

现在我的问题是。

如何将 UserId 查询字符串值导入应用程序组件(即BootStrap Compoent)或任何其他组件

请帮我解决这个问题。

提前致谢。

1 个答案:

答案 0 :(得分:2)

docs如果你没有看过它们就相当不错了。简短的回答是,要从组件访问查询参数,您需要使用ActivatedRoute

import { ActivatedRoute } from '@angular/router';

....

export class MyComponent {

    constructor(
      private route: ActivatedRoute,
    ) { }

   ngOnInit() {
     this.route.queryParams.subscribe(queryParams =>
       //do something with queryParams['UserID']
     );
   }

}

路由器将保留路由参数和查询参数。他们分开处理。 Subscribe queryParams访问这些参数。

希望有所帮助。