通过电子邮件中带有querystring参数的链接打开angular 2组件

时间:2018-11-21 19:00:02

标签: angular typescript

我有一个组件,我想为其提供带有查询字符串参数的深层链接,单击该链接可在浏览器中打开该组件。

示例:

exmaple.com/MyComponent?Id=10

我希望在电子邮件中提供具有特定ID的链接,该链接会打开该组件,并以相同组件内部的模式显示Id = 10的信息。

我不希望在html中提供任何路由器链接作为其唯一的组成部分。

我对角度2中的路由有基本的了解,但不确定在没有路由器链接的情况下如何工作。

谢谢。

1 个答案:

答案 0 :(得分:1)

您可以使用MyComponent中的ActivatedRoute进行此操作。

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

constructor(private route: ActivatedRoute) {}

ngOnInit() {
this.route.queryParams.subscribe(params => {
            console.log(params['Id']);
     });
}