在Angular 4 guard中读取查询字符串参数？

Question

我正在尝试在Angular防护的canActivate方法中读取查询字符串参数。不幸的是，即使查询字符串存在，queryParams和ActivatedRouteSnapshot中的RouterStateSnapshot参数也是空的。

示例：bla.com/?uid=123

该查询字符串参数可以发送到任何URL，我希望我的警卫能够查看它。

Answer 1

示例网址： http://example.com/oper/sale?code=you_code_here

import { ActivatedRouteSnapshot } from "@angular/router";
...

canActivate(route: ActivatedRouteSnapshot) {
    console.log("code", route.queryParams.code);
}

Answer 2

或者如果您在路由中使用参数：

canActivate(route: ActivatedRouteSnapshot) {
  console.log("Id:", route.params['uid']);
}