角得到queryParameter

Question

这个问题已经被问，但我已经试过到目前为止似乎无法正常工作

ActivatedRoute.queryParams is undefined

Get route query params

我triing找回我的网址的可选查询参数。如果我们假设我的网址是：localhost:4200/site;query=value，我想检索值value。

template html

<div> 
     <button type="submit" (click)="query()">Se connecter</button> 
    </div> 

component

import {ActivatedRoute} from "@angular/router"; 
... 
query(): void { 
this.queryDebug = this.activatedRoute.queryParams.subscribe(params => {console.log("params: " + JSON.stringify(params))}); 
} 

我有{}为console.log的结果，而我期待value。有什么我失踪？

Answer 1

从您的网址localhost:4200/site;query=value看起来像query是可选param而不是queryParam。 Angular Doc

可选的路由参数没有用“？”号分隔，和“&”，因为它们 将位于URL查询字符串中。它们用分号隔开“;” 这是矩阵URL符号

所以，你可能必须尝试使用​​从文档this.activatedRoute.params

query(): void { 
this.queryDebug = this.activatedRoute.params.subscribe(params => {console.log("params: " + JSON.stringify(params))}); 

范例检索：

localhost:3000/heroes;id=15;foo=foo

ngOnInit() { 
    this.heroes = this.route.params 
     .switchMap((params: Params) => { 
     this.selectedId = +params['id']; 
     return this.service.getHeroes(); 
     }); 
    }