如何从angular2中的url获取查询参数
展开全部
import {Router, ActivatedRoute, Params} from '@angular/router';
import {OnInit, OnDestroy, Component} from '@angular/core';
@Component({...})
export class MyComponent implements OnInit, OnDestroy {
constructor(private activatedRoute: ActivatedRoute) {}
ngOnInit() {
// subscribe to router event
this.activatedRoute.params.subscribe((params: Params) => {
let userId = params['userId'];
console.log(userId);
});
}
}
如果要获取查询参数,请将this.activatedRoute.params替换为this.activatedRoute.queryParams
关于不支持的说明
@Reto和@ codef0rmer非常正确地指出,根据官方文档,unsubscribe()内部的组件onDestroy()方法在这种情况下是不必要的。
import {OnInit, OnDestroy, Component} from '@angular/core';
@Component({...})
export class MyComponent implements OnInit, OnDestroy {
constructor(private activatedRoute: ActivatedRoute) {}
ngOnInit() {
// subscribe to router event
this.activatedRoute.params.subscribe((params: Params) => {
let userId = params['userId'];
console.log(userId);
});
}
}
如果要获取查询参数,请将this.activatedRoute.params替换为this.activatedRoute.queryParams
关于不支持的说明
@Reto和@ codef0rmer非常正确地指出,根据官方文档,unsubscribe()内部的组件onDestroy()方法在这种情况下是不必要的。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询