Angular 在角路由中使用查询参数

因此，我有一个后端，负责在用户创建帐户时向用户发送确认电子邮件，电子邮件的格式如下：

http://localhost:8080/confirm?token=

然后，我希望在我的前端有相同格式的路由（使用Angular制作），所以我的问题是这个url应该如何在我的应用程序路由中表示。我目前正在尝试使用

{path:'confirm'，paramMap:{token:token}}

，但不确定这是处理此问题的最佳方法，这是我第一次这样做，因此我非常感谢您的任何输入：）

---

稍后我需要在服务中使用该令牌值，因此我需要一种在“确认”组件或其他内容中获取其值的方法

这里有一个使用查询参数的示例：

正如Jon所述，您不需要在路由配置中指定查询参数：

---

更新：更新屏幕截图以更正打字错误和最新语法。

我有一个使用查询参数的示例：

正如Jon所述，您不需要在路由配置中指定查询参数：

---

更新：更新屏幕截图以更正键入错误和最新语法。

将ActivateRoute注入组件构造函数，然后使用ActivateRoute实例访问参数

    export class TestComponent Implements OnInit
    {
     token:string;
    constructor(private route:ActivatedRoute)
    {
    }
   ngOnInit()
   {
    route.params.subscribe((params:Params)=>{
      this.token=params['token'];
      //Or call your service to load the resource you need.
   })

   }
}

---

这只是一个示例。

在组件构造函数中注入ActivateRoute，然后使用ActivateRoute实例访问参数

    export class TestComponent Implements OnInit
    {
     token:string;
    constructor(private route:ActivatedRoute)
    {
    }
   ngOnInit()
   {
    route.params.subscribe((params:Params)=>{
      this.token=params['token'];
      //Or call your service to load the resource you need.
   })

   }
}

---

这只是一个示例。

路由中不包括参数。如果组件需要访问查询参数，它可以通过

ActivatedRoute

订阅它们。我建议你阅读一下，你知道有什么例子吗？文档中确实有一些。这就是它的用途。在路由中不包括参数。如果组件需要访问查询参数，它可以通过

ActivatedRoute

订阅它们。我建议你阅读一下，你知道有什么例子吗？文档中确实有一些。这就是它的目的。