在Angular中,当URL参数中含有问号(?)时,需要使用查询参数来获取参数值。以下是一个解决方法的代码示例:
{ path: 'example', component: ExampleComponent }
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
queryParam: string;
constructor(private route: ActivatedRoute) { }
ngOnInit(): void {
this.route.queryParams.subscribe(params => {
this.queryParam = params['queryParam'];
});
}
}
Query Parameter: {{ queryParam }}
这样,当URL为example?queryParam=value
时,页面上将显示Query Parameter: value
。