如何从Angular 5中的paramMap获取查询参数？
在Angular 5中，可以使用paramMap来获取查询参数。paramMap是一个Observable对象，它提供了一种方便的方式来访问URL中的查询参数。
要从Angular 5中的paramMap获取查询参数，可以按照以下步骤进行操作：
- 首先，在组件中导入ActivatedRoute模块：import { ActivatedRoute } from '@angular/router';
- 在组件的构造函数中注入ActivatedRoute：constructor(private route: ActivatedRoute) { }
- 在需要获取查询参数的地方，使用subscribe方法来订阅paramMap的变化，并在回调函数中获取查询参数：this.route.paramMap.subscribe(params => { const queryParam = params.get('queryParam'); console.log(queryParam); });
在上面的代码中，我们使用subscribe方法来订阅paramMap的变化。在回调函数中，我们可以通过调用params.get('queryParam')来获取名为'queryParam'的查询参数的值。然后，我们可以对该值进行进一步的处理或打印到控制台。
需要注意的是，如果查询参数是可选的，即URL中可能没有该查询参数，我们可以使用params.get('queryParam')来获取它的值。如果查询参数不存在，则params.get('queryParam')将返回null。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
相关·内容
如何从Angular 5中的paramMap获取查询参数？ .switchMap((params: ParamMap) =>
console.log(params.get('id'));
浏览 13提问于2018-01-08得票数 0
回答已采纳
2回答
我正在使用TypeScript制作一个简单的角(version 4)应用程序。我有一个如下所示的URL：www.example.com/api/1/countries/Italy/ this.country = +params[''];}
其中，id和country是我的私有变量，我想用来自URL<em
浏览 5提问于2017-06-01得票数 0
回答已采纳
paramMap和queryParamMap有什么不同？
Angular网站称paramMap -包含特定于路线的必需和可选参数的地图的可观察对象。映射支持从同一参数中检索单个和多个值。queryParamMap -包含可用于所有路由的查询参数的映射的可观察对象。映射支持从查询参数中检索单个和
浏览 3提问于2018-04-03得票数 32
回答已采纳
如何用combineLatest组合可观测数据。未定义combineLatestimport { ActivatedRoute } from '@angular&#
浏览 1提问于2019-04-20得票数 0
3回答
从URL中获取角值
、、、
我有一个名为重置密码模式的组件。当用户获得重置密码的链接时，我需要使用此组件。在链接中，有关于用户、用户名、邮件和令牌的详细信息。我需要显示用户名，电子邮件的UI，从给定的链接。链接的格式如下：。我提到了关于如何使用角的ActivatedRoute的许多ActivatedRoute的答案。但没能得到想要的输出。
我尝试过的一些方法。import { Activat
浏览 10提问于2021-12-30得票数 1
我已经检查了相关的问题，但是相同的场景导致了相同的结果。：然后在组件中，我检查两个可选参数： this.condition = this.activatedRoute.snapshot.params.condition;
最后，我使用这些参数</e
浏览 0提问于2017-12-28得票数 6
this.questions = questions; }); }
我的组件实际上运行得很好问题是我想要对它进行单元测试，但我想不出如何模拟this.route.parent对象。这是我的考试失败了 route = new ActivatedRoute();
route.parent.params = Observable.of(
浏览 13提问于2016-11-24得票数 57
回答已采纳
我试着从网址栏中得到路线和查询。下面的代码来自CodeWithMosh的一个教程。我在combineLatest方法中得到编译错误。错误如下：
(property) paramMap:类型'{ paramMap:可观测的；queryParamMap:可观测的；}‘的可观测参数不能分配给类型“观察者输入”的参数。对象文字只能指定已知的属性，而'param
浏览 3提问于2019-09-27得票数 2
回答已采纳
我有一个从服务获取数据并使用异步管道显示数据的Angular组件。该服务通过ngrx选择器从存储中获取数据。 服务中的可观察对象没有发出任何值。(paramMap => { this.testService.getDetails(id)TestSelectors.getDetailsById(id))
浏览 14提问于2018-12-20得票数 0
回答已采纳
我试图从paramMap中获取值，并将其分配给一个属性。/core';import { switchMap } from 'rxjs/operators__content; }在ngOnInit中是从paramMap中<
浏览 1提问于2018-06-05得票数 7
回答已采纳
所以，我可以得到最后一个参数，但我想知道是否有一个正确的方法，以角的方式这样做。
任何帮助都将不胜感激。谢谢
浏览 10提问于2016-10-27得票数 122
回答已采纳
我正在尝试在我的Angular 5应用程序中获取URL参数，我找到了两种方法： ngOnInit() { this.service.getHero(params.get('id')));2)
浏览 0提问于2017-12-14得票数 39
回答已采纳
我想使用routerLink传递一个带有URL的值，并在另一个页面上读取该值。就像我有模块和子模块一样。在选择第一条记录时，该记录的id将传递给用户页面。在读取该Userid之后，我希望显示该用户和模块/子模块的详细信息。import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from
浏览 2提问于2018-02-13得票数 0
我试着为下面的场景找到合适的解决方案：我试着把switchMap和forkJoin结合起来。遗憾的是，这并没有起作用。下面的代码可以工作，但我认为我不应该在订阅中使用订阅？那么正确的解决方案是什么呢？
浏览 6提问于2019-08-09得票数 1
回答已采纳
8回答
path: '/child2/:child2Id }]}let child2Id = route.snapshot.params;
这似乎过于多余，特别是如果我正在观察可观察到的路由参数，而不是通过路由快照访问参数。这个
浏览 2提问于2017-02-17得票数 26
我使用的是解析器组件，但无法从url获取id。Stackblitz - 我从解析器获得params.get('id') null，从end组件获得params.get('id') 3。如何在解析器中获取端点id。route.paramMap.subscribe(
浏览 1提问于2019-06-18得票数 6
回答已采纳
我有一个带有Angular Datatables插件的Angular 8应用。 this.selectedId = +params.get('id');此外，我还
浏览 0提问于2019-11-14得票数 0
我正在开发一个Angular 5应用程序，它需要在下一个选项卡中从父MVC.net应用程序中打开。它还需要将一些敏感数据传递给angular应用程序。document.body.appendChild(form); form.submit();
有没有一种方法/什么是最好的方法，使angular应用程序可以读取从<
浏览 0提问于2018-10-08得票数 0
我正在尝试使用angular在我的应用程序中构建一个邮件功能，问题是我想从url中获取参数来过滤邮件。(示例:收件箱/已发送/垃圾邮件/垃圾桶...等)export const AppRoutes: Routes= [ { path : 'main/:id', component : MainComponent},
浏览 24提问于2021-05-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
