在我的应用程序中,我将在URL中保存一个查询字符串(用户类型的搜索字符串)。我有一个model={query: 'blabla'}
,我使用$location.search(model)
来用我的param更新URL。当我点击刷新,或者导航到另一种状态并返回时,我使用$stateParams.query
获得查询参数,然后将它分配给搜索框模型。
考虑下一种情况:
用户搜索:aa/bb/login?f=Student%20Home11
网址:...?query=aa%2Fbb%2Flogin%3Ff%3DStudent%2520Home11
(请注意,正斜杠被编码为%2F,%20被编码为%2520,正如我所预期的,因为%20是用户输入的文字短语,而不是编码的空格)。
问题:
导航到另一种状态后,ui-路由器中的状态参数中也有query
(以便在这些状态之间切换时保持URL中的值),然后导航返回:
$stateParams.query:
aa%2Fbb%2Flogin%3Ff%3DStudent%20Home11`
仿佛%2520
被解码为%20
,但所有其他编码(%2F
)都保留了编码。然后,如果我解码它,就会在搜索框中得到一个空格(而不是%20
)。
在第二个场景中,点击刷新( URL显然保持不变):
在$stateParams
:aa/bb/login?f=Student%20Home11
中,应该是-所有正斜杠都被解码,'%‘符号也被解码了,但是'%20’仍然是字面上的%20
。
在状态转换中发生了什么,导致了这种奇怪的行为?
发布于 2016-07-27 12:22:18
我发现了问题。当我使用$state.go()
在各州之间移动时,我没有在各州之间发送$stateParams,所以当我从另一个州返回时,它可能解析了URL,而不是从状态中得到params。现在开始工作。
https://stackoverflow.com/questions/38612434
复制相似问题