Angular 7多个查询字符串,如何处理
创始人
2024-10-17 02:00:04
0

在Angular 7中,可以使用ActivatedRoute服务来获取当前路由的查询字符串参数。以下是一个处理多个查询字符串的示例代码:

首先,确保你已经导入了ActivatedRoute服务:

import { ActivatedRoute } from '@angular/router';

然后,在组件的构造函数中注入ActivatedRoute服务:

constructor(private route: ActivatedRoute) { }

接下来,在ngOnInit生命周期钩子中获取查询字符串参数:

ngOnInit() {
  this.route.queryParams.subscribe(params => {
    // 处理查询字符串参数
    console.log(params);

    // 例如,获取名为“page”的查询参数
    const page = params['page'];
    console.log(page);
  });
}

在上面的代码中,queryParams是一个可观察对象,它将在查询字符串参数发生变化时发出新的值。你可以使用subscribe方法来订阅这个可观察对象,并在回调函数中处理查询字符串参数。

params回调函数中,你可以将其作为一个对象来访问查询字符串参数。例如,params['page']将返回名为“page”的查询参数的值。

希望这个示例能帮助你处理Angular 7中的多个查询字符串参数!

相关内容

热门资讯

今日!随意玩房卡辅助(辅助)总... 今日!随意玩房卡辅助(辅助)总是有挂辅助下载(有挂详细)-哔哩哔哩1、在随意玩房卡辅助插件功能辅助器...
更值得关注的是!约战竞技场辅助... 更值得关注的是!约战竞技场辅助(辅助)本来真的有辅助挂(有挂技巧)-哔哩哔哩约战竞技场辅助透视方法中...
无独有偶!捉住捣蛋鸡作z弊(辅... 无独有偶!捉住捣蛋鸡作z弊(辅助)原来存在有辅助挂(有挂教程)-哔哩哔哩运捉住捣蛋鸡作z弊辅助工具,...
围绕透视问题!顺欣茶坊智能辅助... 围绕透视问题!顺欣茶坊智能辅助器使用说明书(辅助)切实真的有辅助平台(有挂细节)-哔哩哔哩运顺欣茶坊...
现就发布提示!789大菠萝如何... 现就发布提示!789大菠萝如何手气顺(辅助)本来是有辅助软件(有挂教程)-哔哩哔哩1、进入到789大...
于此同时!衢州都莱罗松怎么老是... 于此同时!衢州都莱罗松怎么老是输(辅助)总是真的有辅助app(发现有挂)-哔哩哔哩1、全新机制【衢州...
最新消息!越乡游义乌微信小程序... 最新消息!越乡游义乌微信小程序(辅助)竟然真的是有辅助挂(详细教程)-哔哩哔哩1、越乡游义乌微信小程...
围绕透视问题!广西友乐免费辅助... 围绕透视问题!广西友乐免费辅助软件(辅助)切实真的有辅助插件(讲解有挂)-哔哩哔哩1)广西友乐免费辅...
有玩家发现!胡乐辅助脚本的详细... 有玩家发现!胡乐辅助脚本的详细步骤(辅助)原来真的是有辅助神器(有挂方略)-哔哩哔哩1)胡乐辅助脚本...
连日来!掌中乐游戏中心破解器(... 连日来!掌中乐游戏中心破解器(辅助)果然存在有辅助插件(有挂细节)-哔哩哔哩1、该软件可以轻松地帮助...