Angular在使用url参数code和state时崩溃
创始人
2024-10-30 21:00:38
0

这是因为Angular会在URL中检测到该参数并尝试将其解析为路由参数,从而导致应用程序崩溃。解决此问题的一个方法是使用queryParams代替params来处理URL参数。

在路由中定义组件时,使用以下代码来获取URL参数:

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

constructor(private route: ActivatedRoute) { }

ngOnInit() {
  const code = this.route.snapshot.queryParams['code'];
  const state = this.route.snapshot.queryParams['state'];
  // do something with code and state
}

这样可以避免将codestate参数解析为路由参数,同时保留URL中的codestate参数。

如果需要在URL中使用params参数,可以使用一些技巧来避免与路由参数冲突:

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

constructor(private router: Router) { }

submitForm() {
  const code = 'abc';
  const state = 'xyz';
  this.router.navigate(['/my-route'], {
    queryParams: { code, state },
    queryParamsHandling: 'merge'
  });
}

在这种情况下,queryParamsHandling: 'merge'选项将在保留现有params参数的同时合并URL参数,从而避免任何冲突。

相关内容

热门资讯

玩家必看秘籍!聚友联盟辅助器,... 玩家必看秘籍!聚友联盟辅助器,雀神麻雀充运势用吗,详细脚本(新版有挂)雀神麻雀充运势用吗脚本下载中分...
截至目前!wejoker辅助脚... 截至目前!wejoker辅助脚本,德普之星透视辅助软件,切实确实有挂(真实有挂)一、德普之星透视辅助...
程序员教你!欢乐卡五星插件,微... 程序员教你!欢乐卡五星插件,微信新海贝之城辅助,详细方法(竟然有挂)1、点击下载安装,微信新海贝之城...
有了最新消息!we-poker... 有了最新消息!we-poker正规吗,德扑之星辅助器,果然确实有挂(有挂猫腻)1、完成德扑之星辅助器...
科技通报!小闲川南辅助工具,福... 科技通报!小闲川南辅助工具,福建大玩家辅助是真的吗,详细软件(有挂助手)1、福建大玩家辅助是真的吗辅...
教程辅助挂!wepoker辅助... 教程辅助挂!wepoker辅助是真的假的,德普之星透视辅助软件下载,切实是真的有挂(今日头条)教程辅...
必知教程!大菠萝辅助器,花花生... 必知教程!大菠萝辅助器,花花生活圈怎么装开挂,详细教程(有挂规律)1、花花生活圈怎么装开挂模拟器是什...
有玩家发现!wepoker透视... 有玩家发现!wepoker透视破解版,德普之星透视,一贯确实有挂(有挂透视)1、超多福利:超高返利,...
三分钟了解!玫瑰大厅辅助,乐酷... 三分钟了解!玫瑰大厅辅助,乐酷辅助图片,详细神器(有挂技巧)玫瑰大厅辅助破解侠是真的助透视。每个模型...
记者获悉!wepoker有脚本... 记者获悉!wepoker有脚本吗,德扑之星辅助工具如何设置,切实是真的有挂(有挂辅助);1、许多玩家...