JavaScript | Angular : UI Router $stateParams With Octothorpe Is Falsey

Question

问题

我有一个看起来像这样的抽象路由:#/app/lists/:label。

当用户创建一个 'Breakfasts' 的“标签”时，这很棒。

但是，当 label 值为 '#All' 时，则 $stateParams.label === ""。

问题

如何让 Angular/-ui-router 识别 #/app/lists/#All 的文字 URL 中的 octothorpe(井号)？ ($stateParams.label)

允许用户添加 octothorpe，例如 #All 或 #Public，这是我想为用户保留的必要约定。当出现此字符时，我该怎么做才能获得此“标签”？

Answer 1

您可以对该参数进行编码和解码以放入“#”。

当路由到页面 #/app/lists/:label 时，值为 '#All'

encodeURIComponent('#All');

这将返回 "%23All"

并且在读取数据时，您需要在代码中对其进行解码:

decodeURIComponent("%23All");