title: query-params in <app-route> element of polymer
body: <p>I am using the <code>&lt;app-route&gt;</code> element in my application. I want to capture the queryParams in the URL</p>
  
  <p>e.g. </p>
  
  <blockquote>
    <p>localhost:8080/#/test?foo=bar&amp;baz=qux</p>
  </blockquote>
  
  <p>The code I have written:</p>
  
  <pre><code>&lt;app-location id="location" route="{{route}}" use-hash-as-path&gt;&lt;/app-location&gt;
  &lt;app-route id="route"
          route="{{route}}"
          pattern="/:page"
          data="{{routeData}}"
          tail="{{subroute}}"&gt;&lt;/app-route&gt;
  </code></pre>
  
  <p>when I use the above URL
  I get the </p>
  
  <pre><code>this.$.route.routeData.page = "test?foo=bar&amp;baz=qux"
  this.$.route.queryParams = {}
  </code></pre>
  
  <p>I was expecting</p>
  
  <pre><code>this.$.route.routeData.page = "test"
  </code></pre>
  
  <p>and</p>
  
  <pre><code>this.$.route.queryParams = {
     foo : "bar",
     baz : "qux"
  }
  </code></pre>
  
  <p>I looked at the example in polymer documentation, but it did not help. What am I missing?<br>
  Am I expecting something wrong? How is queryParams supposed to work?</p>
  
  <p>Any help would be appreciated.</p>