我有一个组件,我想为其提供带有查询字符串参数的深层链接,单击该链接可在浏览器中打开该组件。
示例:
exmaple.com/MyComponent?Id=10
我希望在电子邮件中提供具有特定ID的链接,该链接会打开该组件,并以相同组件内部的模式显示Id = 10的信息。
我不希望在html中提供任何路由器链接作为其唯一的组成部分。
我对角度2中的路由有基本的了解,但不确定在没有路由器链接的情况下如何工作。
谢谢。
答案 0 :(得分:1)
您可以使用MyComponent中的ActivatedRoute进行此操作。
import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) {}
ngOnInit() {
this.route.queryParams.subscribe(params => {
console.log(params['Id']);
});
}