在Angular2中,获取URL中的HTTP GET参数可以通过ActivatedRoute
的queryParams
属性实现。以下是如何获取这些参数的步骤:
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
ActivatedRoute
:export class YourComponent implements OnInit {
constructor(private route: ActivatedRoute) { }
}
queryParams
获取GET参数:ngOnInit() {
// 订阅 queryParams 更改
this.route.queryParams.subscribe(params => {
// 获取名为 "paramName" 的参数
let paramName = params['paramName'];
// 获取所有参数
let allParams = params;
});
}
上面的代码中,paramName
是你想获取的GET参数名称。queryParams
订阅返回一个Observable,当URL中的参数值发生变化时,它将发出新的参数值。
在实际应用中,将paramName
替换为你需要的参数名,并在需要的地方调用这个参数。
例如,如果你想在模板中显示这个参数值,可以这样做:
<p>Param value: {{ paramName }}</p>
领取专属 10元无门槛券
手把手带您无忧上云