title: Url encoding for query params in Ember.js
body: <p>I am using Ember.js, version <code>1.7.0-beta.1</code>, in my latest project. I use the <a href="http://emberjs.com/guides/routing/query-params/" rel="noreferrer">query params</a> feature to make a list survive a hard refresh (e.g. after a reload, the selected items in the list are still selected).</p>
  
  <p>I got a controller whom manages that:</p>
  
  <pre><code>export default Ember.ObjectController.extend({
      queryParams: [{selectedFiles: 'files'}],
      selectedFiles: Ember.A([]), //list of file ids
  
      ... //other props
  
      actions: {
      selectFile: function(file) {
          //set or remove the file id to the selectedFiles property
      }
  });
  </code></pre>
  
  <p>It works awesome, but with one condition: the url is url-encoded:</p>
  
  <p>Chrome &amp; IE:</p>
  
  <blockquote>
    <p>path/354?files=%5B"6513"%2C"6455"%2C"6509"%2C"6507"%2C"6505"%2C"6504"%2C"6511"%5D</p>
  </blockquote>
  
  <p>FF (<em>automaticly sets the brackets</em>):</p>
  
  <blockquote>
    <p>path/354?files="6513"%2C"6455"%2C"6509"%2C"6507"%2C"6505"%2C"6504"%2C"6511"]</p>
  </blockquote>
  
  <p>Is there a way in Ember to decode the query-param-string to a more readible format? Maybe  I could use the <code>decodeURIComponent()</code> function somewhere?</p>
  
  <p>The desired output:</p>
  
  <blockquote>
    <p>path/354?files=["6513","6455","6509","6507","6505","6504","6511"]</p>
  </blockquote>