刷新页面时，带过滤器的Angular 6 queryParamMap不起作用
在Angular 6中，当刷新页面时，带过滤器的queryParamMap可能不起作用的原因有以下几点：
- 缺少路由配置：首先，确保你的路由配置中包含了对应的路由路径和组件。例如，如果你想要在刷新页面时带过滤器，你需要在路由配置中定义一个带有参数的路由路径。
- 参数传递错误：确保你正确地传递了参数。在Angular中，你可以使用queryParams来传递参数。例如，你可以使用Router.navigate方法来导航到带有过滤器参数的URL。
- 参数获取错误：在组件中获取参数时，确保你使用了正确的方式。在Angular 6中，你可以使用ActivatedRoute服务来获取URL参数。你可以通过订阅queryParamMap属性来获取参数的值。
- 参数处理错误：最后，确保你正确地处理了参数。根据你的需求，你可能需要在组件中订阅参数的变化，并相应地更新组件的状态或执行其他操作。
总结起来，要使带过滤器的Angular 6 queryParamMap起作用，你需要正确配置路由、正确传递参数、正确获取参数，并正确处理参数。如果仍然遇到问题，建议检查代码中的错误或查阅相关文档和教程以获取更多帮助。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
正如主题所述，带有过滤器的queryParamMap在刷新页面时不起作用。我正在使用queryParamMap和一个过滤器，以显示某些类别。当点击一个类别时，它工作得很好，但如果用户刷新页面，我希望它能继续工作。this.products.filter(p => p.category === this.category)}); 但是
浏览 12提问于2019-01-10得票数 0
我想在我的app.component中同步获取一个查询参数，而不是使用ActivatedRoute的queryParamMap observable。为此，我使用如下路由快照： const param = this.route.snapshot.queryParamMap.get('param'); 这在子组件中有效，但在app.component中似乎不起作用我如何达到预期的结果？
浏览 12提问于2019-02-22得票数 1
1回答
我使用的是Angular 8，我有两个组件:父亲和孩子。 当url参数改变时，父组件必须发送对象或字符串。在父组件中，我编写了以下代码，它能够理解url是否已更改，并设置子组件的urlParam： this.activatedRoute.queryParamMap.subscribe((paramMap： @Input() set urlParam(urlParam: string) {
浏览 18提问于2021-07-12得票数 2
回答已采纳
2回答
我有一个应用程序构建使用angular js与angular ui路由器。下面是我的应用程序URL点击浏览器地址栏中的回车，页面刷新在chrome中发生，但在firefox中不起作用。但是，如果URL中有任何更改，则在firefox中可以进行刷新。即使URL没有变化，浏览器刷新也应该在enter键上
浏览 2提问于2016-12-05得票数 3
我使用的是Angular verion 11和Angular-Slickgrid版本2.23.0如果我不断点击过滤器，越来越多的额外下拉框会出现在彼此的顶部。它看起来只像网页
浏览 18提问于2020-11-19得票数 1
回答已采纳
我在Google中有一个过滤器视图，当通过Google表单输入新数据时，它不会刷新。要刷新filter视图，我可以移除过滤器并再次应用它，甚至只需在filter菜单中单击"OK“，而无需执行任何操作。但是，F5和关闭/重新打开页面不起作用。我需要一种方法，以自动刷新过滤器视图时，新的数据进来。或者，至少当我关闭并重新打开网站时，需要手动修改过滤器</em
浏览 0提问于2015-07-30得票数 13
回答已采纳
我正在使用Angular 6中的Reactive Forms，我有一个FormGroup，它有许多选择下拉输入。如果用户还没有选择任何内容，则每个参数都有一个默认值。这些输入不是必需的，如果它们不适用，用户可以跳过其中的许多输入。在用户进行选择并点击搜索按钮后，下拉输入的值将通过router.navigate()添加到url中。当用户导航回页面时，这些值通过我的ngOnInit()中的route.snapshot.<
浏览 0提问于2018-10-10得票数 0
1回答
这就是我的问题所在。当我有两个这样的表单时</h:form>
不起作用。我已经查看了通过网络传输的第二个表单的数据，其中包含表单数据和不包含表单数据。使用Firebug看起来数
浏览 3提问于2015-07-30得票数 0
1回答
>我在wordpress的一些页面中使用过angularjs，当我从一个类别页面导航到其他类别页面(使用angularjs加载页面)时，它会调用$http请求和角度模板，数据加载得很完美但是当我从浏览器的刷新按钮刷新永久页面时，它
浏览 0提问于2016-11-09得票数 1
在我主页中有一个div id="page_content"，我在该div中加载一个jsp页面。还有一个刷新按钮，通过它可以在div中重新加载页面。我已经在那个页面上写了一些类似{{1+2}}的angularjs。当点击刷新按钮时，调用$('#page_content').load(page_url);页面被刷新，但是我的angularjs函数消失了，它显示了{{1+2}}。如何
浏览 26提问于2019-04-09得票数 0
回答已采纳
我有一个网格，里面有一些带有过滤器的列。: 'filters', local: false问题是:当我试图保存网格的状态时，过滤器无法工作:当我将以下代码添加到网格时：stateId: 'documentsGrid',
我刷新了页面，一切正常，因为我<em
浏览 2提问于2011-07-21得票数 2
1回答
我是angular 6的新手。我正在使用angular 6创建一个项目。我在共享数据时遇到了一个问题。项目结构如下： 1)标题组件2登录组件3)主页组件4)共享服务 我在当前路由的基础上将类添加到我的头组件中。这是在页面刷新上工作的。但是当我从一个组件移动到另一个组件时，这是不起作用的。this.router.url
if(this.u
浏览 18提问于2019-03-13得票数 1
回答已采纳
2回答
我正在使用过滤器来本地化我的页面。AngularJS过滤器只在键改变时刷新，除非它们是表达式(或对象)，然后在每个摘要周期中对它们进行评估。因此，与其写这样的代码：我使用了一个小技巧，编写了'name‘作为表达式，在每个摘要周期触发过滤器刷新。但是当我需要本地化占位符时，它就<em
浏览 12提问于2018-08-14得票数 0
我是angular js的新手，我有一个关于ng-repeat的问题。下面是AngularJs的例子： {{invoice.total(c) | currency:c}}当我在浏览器中运行时，一切工作正常，但我注意到invoice.total函数至少运行了6次;
我预计代码会运行3次，因为invoice.currencies只有
浏览 1提问于2016-01-18得票数 1
我使用了一个数据表和一个全局过滤器来过滤angular2中数据表的数据。我正在执行以下操作。
当我在筛选器中输入一些值时，记录将被筛选。但当我执行某些操作(例如，批准记录)时，页面通过删除特定记录(如预期的)进行刷新，筛选器也得到cleared.But我想要的是，筛选器不应该被清除，它必须在执行操作之前显示先前存在的记录(删除的记录除外我可以通过使用ngModel将值保留在过滤器中
浏览 19提问于2017-07-25得票数 0
1回答
我的本地化过滤器有刷新问题。加载文件时，视图不会刷新。我试过$scope.$apply()和$filter("localization")(localizationService.text)，但都不起作用。localizationService : .module("myApp")
.factory("localizationService", function () {text
浏览 2提问于2015-11-17得票数 10
回答已采纳
1回答
当用户点击F5或刷新按钮时，我需要在刷新页面之前调用一个函数，我尝试了下面的代码，但它不起作用，请建议我做错了什么，有没有更好的方法来做到这一点。我正在使用带有ui-router的Anuglar 1.5。angular.module('module.name', [
浏览 0提问于2016-04-22得票数 1
我需要你的想法/建议来减少我的应用程序在Angular 2中的页面加载。我正在尝试打开来自父页面的另一个页面。但是UI渲染在初始加载时需要时间。每
浏览 0提问于2016-10-22得票数 2
我正在使用JavaScript代码更改CSS样式，但是当我的搜索过滤器找到该元素时它不起作用；样式效果直到我刷新页面才会改变。这是我的代码，当我刷新页面时，它工作得很好，但如果不重新加载页面，它就不能动态工作。
浏览 2提问于2021-04-20得票数 0
我在angular-ui-grid中使用angular-ui-grid数字过滤器。在网格中，过滤器工作正常。但是当我将网格导出到csv并打开到excel时，它不能正常工作。我也在exporterFieldCallback中添加了过滤器。return $filter('number')(input,6);这些数字显示在一个网格上有6位小数位。但是，当我将它导出到csv并打开到excel时
浏览 1提问于2015-10-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
