在Angular路由中使用QueryParams

Question

因此，我有一個后端，負責在用戶創建帳戶時向用戶發送確認電子郵件，該電子郵件的格式如下： http://localhost:8080/confirm?token=

然后，我想在我的前端（使用Angular創建）中使用相同格式的路由，所以我的問題是該URL應該如何在我的應用程序路由中表示。 我目前正在嘗試使用{ path: 'confirm', paramMap: { token : token } }但是不確定這是否是處理此問題的最佳方法，這是我第一次這樣做，因此我非常感謝任何輸入:)

后來我需要在服務中使用該令牌值，因此我需要一種在“確認”組件或其他內容中獲取其值的方法。

Answer 1

我這里有一個使用查詢參數的示例： https : //github.com/DeborahK/MovieHunter-routing

如Jon所述，您無需在路由配置中指定查詢參數：

更新：更新了屏幕截圖以更正輸入錯誤並更新了最新語法。

Answer 2

在您的組件構造函數中注入ActivatedRoute，然后使用ActivatedRoute實例訪問參數。

    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.
   })

   }
}

這只是示例。