在Angular中,可以使用ActivatedRoute
服务来获取当前路由的查询参数。以下是一个示例代码,演示如何在Angular 4中获取带有哈希的查询参数:
ActivatedRoute
服务和OnInit
接口:import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
OnInit
接口,并注入ActivatedRoute
服务:export class YourComponent implements OnInit {
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.route.queryParams.subscribe(params => {
const hashParam = params['paramName'];
console.log('Hash Param: ', hashParam);
});
}
}
ngOnInit
方法中,通过this.route.queryParams
订阅路由的查询参数。当查询参数发生变化时,将触发回调函数,并将查询参数作为参数传递给回调函数。在回调函数中,你可以通过查询参数的名称来获取具体的查询参数值。请注意,在Angular中,查询参数是不包括哈希部分的。如果你想获取带有哈希的查询参数,可以将其作为一个独立的查询参数传递,并在回调函数中获取它。
希望这个示例能帮助你解决问题!