如何在Angular 5中读取查询字符串的值?

15 浏览
0 Comments

如何在Angular 5中读取查询字符串的值?

如何从Angular 5中的查询字符串中读取值\nURL的格式如下:\nhttps://www.test.com/test?id=13467tdgbgfhjfgy

0
0 Comments

在Angular 5中,如果我们想要从查询字符串中读取值,可以通过ActivatedRoute来实现。在组件中,我们可以使用ActivatedRoute来访问查询参数。

在组件的构造函数中注入ActivatedRoute,并在ngOnInit方法中订阅queryParams。这样,当查询参数发生变化时,我们就可以获取到最新的值。

代码如下所示:

constructor(private route: ActivatedRoute) { }
ngOnInit() {
  this.route.queryParams.subscribe(params => {
    console.log(params['id']); // 13467tdgbgfhjfgy
  });
}

通过这段代码,我们可以在控制台输出查询参数'id'的值。

原文链接:https://alligator.io/angular/query-parameters/

通过使用ActivatedRoute和订阅queryParams,我们可以轻松地从查询字符串中读取值。这样,我们就可以根据查询参数的值来做一些操作,从而实现更加灵活和个性化的功能。

0