Angular 7路由在参数中给了我一个分号。
创始人
2024-10-17 02:30:57
0

在Angular 7中,如果参数中包含分号,路由器将自动将其编码为%3B。如果您想在参数中使用分号,您需要手动将其编码为%3B。以下是一个示例解决方法:

  1. 在您的组件文件中,导入RouterActivatedRoute
import { Router, ActivatedRoute } from '@angular/router';
  1. 在组件的构造函数中注入RouterActivatedRoute
constructor(private router: Router, private route: ActivatedRoute) { }
  1. 在需要导航到含有分号参数的路由的地方,使用encodeURIComponent方法手动编码参数:
const paramWithSemicolon = 'parameter;with;semicolon';
const encodedParam = encodeURIComponent(paramWithSemicolon);

this.router.navigate(['/your-route', encodedParam]);
  1. 在接收参数的组件中,使用decodeURIComponent方法手动解码参数:
ngOnInit() {
  const encodedParam = this.route.snapshot.paramMap.get('param');
  const decodedParam = decodeURIComponent(encodedParam);
  console.log(decodedParam); // 输出:parameter;with;semicolon
}

通过这样的方式,您可以在参数中使用分号,并且路由器将正确解析和导航到带有分号的路由。

相关内容

热门资讯

外挂窍要!德普之星透视辅助软件... 外挂窍要!德普之星透视辅助软件激活码,约局吧德州真的存在透视吗-真是一直总是有辅助教程(哔哩哔哩)1...
外挂模块!newpoker脚本... 外挂模块!newpoker脚本,xpoker辅助器-原来一直总是有辅助教程(哔哩哔哩)xpoker辅...
外挂指引!德普之星透视辅助软件... 外挂指引!德普之星透视辅助软件下载,智星菠萝有挂吗-本来一直总是有辅助工具(哔哩哔哩)1、用户打开应...
外挂攻略!拱趴大菠萝机器人,德... 外挂攻略!拱趴大菠萝机器人,德州圈脚本-切实真的是有辅助脚本(哔哩哔哩)拱趴大菠萝机器人破解侠是真的...
外挂手段!哈糖大菠萝怎么挂,德... 外挂手段!哈糖大菠萝怎么挂,德州局透视-总是真的是有辅助脚本(哔哩哔哩)1、起透看视 哈糖大菠萝怎么...
外挂指南书!impoker辅助... 外挂指南书!impoker辅助,sohoo开挂辅助-原来真的有辅助教程(哔哩哔哩)1、sohoo开挂...
外挂办法!约局吧作必弊脚本,a... 外挂办法!约局吧作必弊脚本,agpoker辅助-一直真的有辅助神器(哔哩哔哩)1、约局吧作必弊脚本辅...
外挂指南!线上德州的辅助器是什... 外挂指南!线上德州的辅助器是什么,佛手大菠萝13道挂哪里-确实是真的有辅助工具(哔哩哔哩)1、上手简...
外挂法子!德普之星的辅助工具介... 外挂法子!德普之星的辅助工具介绍,德普之星透视-切实存在有辅助方法(哔哩哔哩)1、打开软件启动之后找...
外挂烘培!newpoker怎么... 外挂烘培!newpoker怎么安装脚本,sohoopoker辅助-确实真的是有辅助插件(哔哩哔哩)1...