如何防止AngularJS路由使用~(代字号)对url参数进行编码

Question

目前，当我向$state.go传递一个包含~的参数时，它会在创建url时进行复制。

示例：

我搜索~abc。然后传递给$state.go('.', {myParam: "~abc"})。然后在url中有https://localhost/somePath?myParam=~~abc

根据RFC3986，'~‘必须在超文本标记语言表单中以百分比编码为"%7E“。如果我之前编码，那么我仍然会有同样的问题。所以我假设这个值必须在$stateProvider内部处理，或者通过在UI路由器内部定制$urlmatcherfactoryprovider来处理。

Answer 1

使用AngularJS中的新httpParamSerializer，您可以通过编写自己的paramSerializer并设置$httpProvider.defaults.paramSerializer来完成此操作。

Answer 2

我能够通过将一种类型的any传递给我所在州的url queryParam来修复，因为它不是由UrlMatcherFactory通过将/state?:param更新为/state?{param:any}来编码的，因为这是~到~~的预期行为。更多细节可以在这里找到：https://github.com/angular-ui/ui-router/issues/3790