角路由器无法在URL中找到参数?

时间:2018-06-28 14:15:53

标签: angular typescript

  

我已经尝试了其他各种Stack Overflow的解决方案   页面和Github页面,但似乎都没有。

问题:

即使该URL包含查询字符串参数,Angular路由器也无法在url中找到查询字符串参数。

import { Router, ActivatedRoute } from "@angular/router";

constructor(private route: ActivatedRoute) { }
ngOnInit() {
  this.route.params.subscribe( params => {
    console.log(params["id_token"]);
  })
}`

即使查询字符串参数 id_token 存在于URL中,也未打印到控制台。

const queryParams: URLSearchParams=(new URL(document.location.href)).searchParams; console.log(queryParams);

将参数 id_token 打印到控制台。

另外我也尝试过:

import { Router, ActivatedRoute } from "@angular/router";

constructor(private route: ActivatedRoute) { }
ngOnInit() {
  this.route.queryParams.subscribe( params => {
    console.log(params["id_token"]);
  })
}`

仍未定义。

也尝试过:

console.log(this.route.snapshot.paramMap.get("id_token"));

打印而不是未定义

所以我不明白为什么route.params或route.queryParams不起作用?

0 个答案:

没有答案