ember.js - 查询参数是否有效？

Question

所以我想在我的应用程序的 URL 中使用查询参数。 Ember 指南描述了解决方案:http://emberjs.com/guides/routing/query-params/

没有成功，我在我的 ember-cli 项目中尝试过，所以我建立了一个没有 cli 的小型测试项目。

路线:

App.IndexRoute = Ember.Route.extend({
 model: function() {
  return ['red', 'yellow', 'blue'];
 }
});

模板:

<script type="text/x-handlebars" id="index">
 <ul>
 {{#each item in model}}
   <li {{action 'pickColour' item}}>{{item}}</li>
 {{/each}}
</ul>
<div>Currently selected: {{selected}}</div>
</script>

Controller :

App.IndexController = Ember.ArrayController.extend({
 queryParams: ['selected'],
 selected: null,

 actions: {
   pickColour: function(colour) {
     console.log("Colour " + colour + " selected");
     this.set('selected', colour);
   }
 }
});

根据 Ember 指南，这应该将 Controller 的选定字段绑定(bind)到 url 参数。但是在这种情况下，当我单击特定颜色时，没有设置 url 参数。

它应该很简单，但我无法让它工作。我光荣地俯瞰着什么吗？

编辑:解决方案

我错过了一个事实，即目前它仅在测试版中可用。如果您将来阅读本文，请注意它可能会在最新的完整版本中提供。

Answer 1

这在 1.9.0 版中工作得很好，所以这个问题可能会被关闭。

工作演示 here