用activatedRoute.queryParams获取不到url参数
时间: 2024-02-26 17:56:46 浏览: 139
Angular 4.x 路由快速入门学习
如果你使用Angular框架来获取URL参数,可以使用ActivatedRoute服务来获取参数。你可以在组件的构造函数中注入ActivatedRoute,并使用它的queryParams属性来获取参数,示例代码如下:
```
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
param1: string;
param2: string;
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.route.queryParams.subscribe(params => {
this.param1 = params['param1'];
this.param2 = params['param2'];
});
}
}
```
在上面的代码中,我们注入了ActivatedRoute服务,并在组件的ngOnInit()方法中订阅了queryParams属性。当URL参数发生变化时,我们使用subscribe()方法来获取最新的参数值。
如果你仍然无法获取URL参数,你可以检查一下URL是否正确,或者尝试在浏览器中手动输入参数来测试是否能够正确获取参数。
阅读全文