app-location删除查询字符串参数

时间:2017-06-19 09:24:35

标签: polymer query-string polymer-2.x

我有一个非常简单的聚合物2应用程序,它使用查询查询字符串参数。转移到Polymer 2.0.1和app-location 2.0(而不是rc和预览版本),我注意到只需要一个app-location元素就可以从url中删除所有查询字符串参数。

尝试使用此网址:https://api-1913.s3-eu-west-1.amazonaws.com/index.html?foo=bar,并注意在加载过程中如何删除查询字符串。

这里是所有代码: 的index.html:

<!DOCTYPE HTML>
<script src="/bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="/my-app.html">
<html>
  <head>
  </head>
  <body>
    <my-app></my-app>
  </body>
</html>

MY-app.html:

<link rel="import" href="/bower_components/polymer/polymer.html">
<link rel="import" href="/bower_components/app-route/app-location.html">

<dom-module id="my-app">
  <template>
    <app-location></app-location>

    <h1>Coin</h1>
  </template>
  <script>
    class App extends Polymer.Element{
      static get is(){return 'my-app'}

      ready(){
        super.ready()
        console.log('ready')
      }
    }
    customElements.define(App.is, App)
  </script>
</dom-module>

指定query-params属性以将其映射到属性App不会改变任何内容。删除app-location元素并保留查询字符串 有没有人见过这种行为?有没有解决方法 - 除了回滚到以前的版本?

1 个答案:

答案 0 :(得分:0)

这是一个错误。您可以临时删除iron-location元素中的默认值,直到修复程序被释放。

要删除的行

value: function() {
  return {};
}

受影响的财产

   paramsObject: {
    type: Object,
    notify: true,
    value: function() {
      return {};
    }  
   },

参考: https://github.com/PolymerElements/iron-location/pull/86/commits/3732e93ce2197178f76c3c2073438b9cd15096b4