查询参数是否正常工作？

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>

控制器:

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

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

根据Ember指南,这应该将控制器的选定字段绑定到url参数.但在这种情况下,当我单击特定颜色时,没有设置url参数.

它应该是如此简单,但我不能使它工作.我光荣地忽略了什么吗？

编辑:解决方案

我错过了这样一个事实,现在它只在测试版中提供.如果您将来阅读此内容,请注意它可能在最新的完整版本中提供.

Answer 1

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

工作演示在这里