Angular 8: QueryParamsHandling的问题
Angular 8是一种流行的前端开发框架，它提供了丰富的功能和工具来构建现代化的Web应用程序。在Angular 8中，QueryParamsHandling是一个重要的概念，它用于处理URL中的查询参数。
QueryParamsHandling是一个枚举类型，用于指定在导航过程中如何处理查询参数。它有三个选项：
- "Merge"：将新的查询参数与现有的查询参数合并。如果有相同的参数名，则新的值将覆盖旧的值。这是默认的处理方式。
- "Preserve"：保留现有的查询参数，忽略新的查询参数。这意味着导航过程中不会更改现有的查询参数。
- "None"：不处理查询参数。导航过程中不会传递任何查询参数。
QueryParamsHandling的选择取决于你的应用程序需求。如果你希望在导航过程中保留现有的查询参数，可以使用"Preserve"选项。如果你希望使用新的查询参数替换现有的查询参数，可以使用"Merge"选项。如果你不需要处理查询参数，可以使用"None"选项。
在腾讯云的产品中，与Angular 8的QueryParamsHandling相关的产品是腾讯云CDN（内容分发网络）。腾讯云CDN是一种全球分布式的加速服务，可以加速Web应用程序的内容传输，提高用户访问速度和体验。通过使用腾讯云CDN，你可以将静态资源（如JavaScript、CSS、图片等）缓存到全球各地的边缘节点，从而减少网络延迟并提高页面加载速度。
腾讯云CDN的优势包括：
- 全球覆盖：腾讯云CDN拥有全球分布式的边缘节点，可以覆盖全球各个地区，提供低延迟的内容传输。
- 高可靠性：腾讯云CDN采用多层次的缓存机制和智能路由算法，确保内容的高可靠性和可用性。
- 安全性：腾讯云CDN提供多种安全防护机制，包括DDoS攻击防护、防盗链、HTTPS加密等，保护你的应用程序免受网络攻击。
- 简单易用：腾讯云CDN提供简单易用的控制台和API，方便你管理和配置CDN加速服务。
你可以通过访问腾讯云CDN的官方网站（https://cloud.tencent.com/product/cdn）了解更多关于腾讯云CDN的信息和产品介绍。
相关·内容
1回答
Angular 8: QueryParamsHandling的问题
angular、angular8、primeng
table';node_modules/primeng/api/megamenuitem.d.ts(30,27): error TS2304: Cannot find name 'QueryParamsHandling/@angular/router/router"' has no exported member 'QueryParamsHandling'.在此致以诚挚的感谢
浏览 38提问于2020-05-26得票数 2
当我构建这个项目时，问题已经发生了。/New folder/tb/node_modules/@angular/router/router"‘中没有导出成员'QueryParamsHandling’。angular/core": "^7.2.10", "@<
浏览 12提问于2019-11-16得票数 2
1回答
如何使用量角器从_ngcontent块中选择元素？
javascript、protractor、automated-tests
我有下面的结构为我的角度应用程序。<div _ngcontent-c8 class=“page-body”> <a _ngcontent-c8=""class="cell cell-row ng-star-inserted"
queryparamshandling="preserve" ng-reflect-query-
浏览 0提问于2018-07-19得票数 0
1回答
如何更新网址中的queryParams？
angular
procesId=12
现在我需要的是点击来改变这个/1为/2。有什么建议吗?我该如何更新那个queryParm？
浏览 0提问于2017-09-06得票数 0
在angular中，两者的区别是什么？
queryParamsHandling:"merge"和queryParamsHandling:"preserve"
浏览 3提问于2018-11-28得票数 17
回答已采纳
2回答
Angular Router状态改变，但url不变
angular、angular-router
我正在尝试创建一个应用程序，它的状态通过使用参数直接在URL中表示。其中一个参数应该是可以选择多个项目的选择标准。更改选择意味着在url参数的列表中添加或删除项目。这意味着参数中的列表必须在我想要更改它的点上是已知的。 问题是，如果我在订阅的同时更改了url参数，则url不会更改。我做了一个最小的例子here。我可以在这个问题中提供一些代码，但我认为演示就足够了。 我发现问题可能在于我需要在添加参数之前订阅它们。因此
浏览 34提问于2019-10-09得票数 1
我正在使用按钮组，当我添加queryParamsHandling="preserve"时，[routerLinkActive]="['active']"不工作。我使用的是Angular 5.0.4。class="btn-group" role="group">
<button [routerLink]="['route1']" [routerLinkActive]="[&#
浏览 4提问于2018-02-23得票数 0
2回答
为什么“保护”不像预期的那样起作用？
angular、angular-router
朋友们，我被queryParamsHandling参数困住了，这个参数不像预期的那样工作。在我的应用程序中，我有一个重定向服务，它简单地使用选择器检查用户角色，并根据角色重定向到特定urls。我想要的只是保存queryParams并将它们重定向在不同的路径上。我发现queryParamsHandling就是为了这个。但是它总是刷新重定向URL上的所有queryParams。不管有多少queryParams -1，2，3.1000
import { Injectable
浏览 2提问于2020-12-08得票数 0
回答已采纳
1回答
CSS- angular项目中的菜单问题
css、angular
我正在尝试将引导菜单添加到我的angular 6项目中。class="dropdown-menu"> </div>问题是下面是我经常使用的代码技巧：import {HashLocat
浏览 0提问于2018-11-02得票数 1
3回答
角:配置默认的QueryParamsHandling
angular、angular9、query-parameters、angular-routerlink
我不想用[queryParamsHandling]="'preserve'"指令来装饰我的应用程序中的每一个[queryParamsHandling]="'preserve'"，因为这是一个乏味的工作和可怕的实践对于这个主题，已经有一个GitHub问题是活跃的，但是角质小组几乎没有在这个问题上工作(已经4年了)：
在导航时，是否有方法(任何方式)默认保留查
浏览 8提问于2020-05-24得票数 3
回答已采纳
4回答
在angular 2中，如何保留查询参数并添加附加查询参数到路由
javascript、angular、angular2-routing、query-parameters
type=coupe上，我想导航到具有其他查询参数(但保留现有参数)的相同端点。我正在尝试这样的东西保留初始查询参数(type=cars)，但忽略添加的参数(model=renault)。这是预期的/正确<
浏览 1提问于2017-01-19得票数 30
1回答
我应该用什么来代替第12角的queryParamsHandling？
angular、query-parameters
我有角10 appplication.In，我的一个页面，我有下面的代码在我将代码更新到角版本11之后，角自动从我的代码中删除了queryParamsHandling，现在我有了以下内容
this.router.navigateByUrl(SUPPORTED_URI.DEPLOYME
浏览 5提问于2022-11-04得票数 0
回答已采纳
2回答
如何在promise中简化这种角度重复的代码？
angular、typescript
我是一个新的Angular开发人员。我想知道是否有一种优雅的方法来简化下面重复的代码。then(res => { this.router.navigate(['/cuentas/transacciones'], { queryParamsHandlingthen(res => { this.router.na
浏览 20提问于2019-04-27得票数 0
回答已采纳
1回答
angular 1 ui路由器维护状态之间的url参数数据
angularjs、angular-ui-router
我正在使用Angular 1和Ui-router上的一个应用程序，我正在尝试使urls中的数据在状态之间得到保留。我在Angular 2.0上读到过queryParamsHandling:'preserve‘特性。然而，我目前被Angular 1卡住了，我需要解决如何在状态之间保持url数据相同的问题。我正在考虑的一个选择是保留状态之间的url:params数据，使用ui-sref，但是到目前为止还没有成功
浏览 2提问于2018-05-08得票数 0
1回答
angular如何在不丢失他们传递给我的查询字符串的情况下刷新页面
angular、typescript、query-string
我正在创建一个小的预订应用程序，在那里你不需要注册。我创建了一个获取querystring参数的方法，并在启动时(ngOinit)识别该参数和用户id，并加载由同一用户ID获取的所有约会。问题是，当进行预订时，我插入了一个关闭确认对话框并刷新页面的按钮，刷新页面后，查询字符串不再出现，并且我自动失去了捕获用户ID的能力！您能告诉我如何在不丢失用户ID的情况下刷新页面吗？捕获查询的方法： public getQueryParameter(key: string): str
浏览 10提问于2020-10-07得票数 0
回答已采纳
7回答
角:将查询参数追加到URL
angular、angular2-routing、query-parameters、angular2-router
我用这个： let params = new HttpParams();
params.append
浏览 11提问于2017-09-14得票数 61
回答已采纳
1回答
Angular 10 to 12更新导致错误未捕获RangeError:错误的长度
javascript、angular、web
我刚刚将我的Angular应用程序从版本10升级到了版本12，当我运行'ng serve‘时，没有出现构建错误，但是在控制台中，它给出了错误"Uncaught : Wrong length!(private authService: AuthService, private router: Router, private location: Location) {}
我已经尝试更新到最新的node当我在google上搜索这个错误和Angular 12的时候，并没有太多关于这个错误和角度
浏览 0提问于2021-05-21得票数 2
3回答
保留Angular Router查询参数的效果是什么？
javascript、angular、typescript、angular-router
对于使用Angular的，可以像这样保留查询参数： this.router.navigate(['/users'], { queryParamsHandling: 'preserve' }
我正在寻找一个实际的例子来说明为什么我们可能想要这样做？
浏览 0提问于2018-05-08得票数 0
1回答
将angular版本8更新为11后，应用程序未运行
router-outlet、angular11
我有一个从8到11的Angular应用程序版本更新。这个路由器在更新后不工作。在应用程序运行时显示空白页。编译和浏览器控制台中没有错误。如何解决这个问题？
浏览 6提问于2020-12-14得票数 0
1回答
路由器保护跳过位置更改
angular
我们正在使用Angular 12，并尝试跳过路由器guard.Even中的位置更改。如果skipLocationChange = true，则位置始终在更改。import { Injectable } from '@angular/core'; ActivatedRouteSnapshot, RouterStateSnapshot,} from '@angular/router';
@I
浏览 0提问于2021-10-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
