routing - polymer 的元素中的query-params

Question

我在我的应用程序中使用<app-route>元素。我想捕获URL中的queryParams

例如

localhost:8080/#/test?foo=bar&baz=qux

我写的代码:

<app-location id="location" route="{{route}}" use-hash-as-path></app-location>
<app-route id="route"
        route="{{route}}"
        pattern="/:page"
        data="{{routeData}}"
        tail="{{subroute}}"></app-route>

当我使用上述网址时
我得到了

this.$.route.routeData.page = "test?foo=bar&baz=qux"
this.$.route.queryParams = {}

我期待着

this.$.route.routeData.page = "test"

和

this.$.route.queryParams = {
   foo : "bar",
   baz : "qux"
}

我看了 polymer 文档中的示例，但没有帮助。我想念什么？
我有什么不对劲的地方吗？ queryParams应该如何工作？

任何帮助，将不胜感激。

Answer 1

得到答案的原因是网址错误。 ＃部分在末尾。

尝试网址

localhost:8080/?foo=bar&baz=qux#/test

提示位于page参数中，在该参数中似乎已将查询参数添加到page参数中。它们没有，但是浏览器只是认为它们是哈希的一部分，并将它们传递给 window.location.hash。哈希部分的 app-location解析在'/'上分割，因此认为整个事情是:page模式的一部分。