如何使用查询字符串而不是';'

How to use the Querystring instead of ';'

我一直在编写一个内部工具供使用由 C# WebApi 支持的 Angular2 beta 15 的开发人员使用。

随着新版本的发布,我升级了 Angular2 版本

我从第一天开始就在使用路由,但现在我需要添加可选参数。通常这是通过查询字符串完成的。

但是,Angular2 在查询字符串之前包含可选参数,如下所示:

http://www.example.com;a=b;c=4

最初我认为这很好,尽管这不是我习惯的方式。但是,我现在 运行 遇到需要 "potentially dangerous Request.Path value[s]" 的情况,例如“*”(用于保存带有预填充的正则表达式搜索字段的链接)。

我能想到几个修复方法,包括:

  1. 用不同的符号替换 * - 意味着开发人员必须知道特殊符号才能解放双手 url。
  2. Url 对参数进行编码 - 意味着开发人员必须知道 url 编码值才能释放 url.
  3. 排除那些具有特殊字符的参数 - 如果开发人员使用 *.
  4. 释放 url,页面仍然会中断
  5. 从预查询字符串参数切换到查询字符串参数。
  6. 手动控制查询字符串。

大多数简单的正则表达式在没有编码的查询字符串中完全有效,这意味着 (4) 和 (5) 都是有效的解决方案。

(5) 是可能的,但我无法想象我是唯一一个对这个问题有 运行 的人。如果存在官方解决方案,我宁愿不创建自己的解决方法。

(4) 是我的首选解决方案。我发现的许多旧示例都在查询字符串中显示了可选参数,因此我希望逻辑仍然存在并且分号版本只是默认选项。

是否可以告诉路由器使用查询字符串参数而不是现在使用的分号分隔的参数?

我搜索了 angular.io 和 Whosebug,但找不到任何答案或任何人提出这个问题。

谢谢。

对于根路由器,可选参数在查询字符串中表示,对于子路由器,它们作为矩阵参数添加(如您所示)

另见 ROUTING & NAVIGATION

你可以试试这个:

<a [routerLink]="['/users']" [queryParams]="{q:'ABC', location:2929}">Test</a>

这将为您提供类似于 http://www.example.com/users?q=ABC&location=2929

的路线

祝你好运。