Ember.js 查询参数是否工作正常?

Ember.js 查询参数是否工作正常?,ember.js,Ember.js,所以我想在我的应用程序的URL中使用查询参数。《灰烬指南》介绍了解决方案: 我在我的ember cli项目中尝试了它,但没有成功,所以我设置了一个没有cli的小测试项目 路线: App.IndexRoute = Ember.Route.extend({ model: function() { return ['red', 'yellow', 'blue']; } }); 模板: <script type="text/x-handlebars" id="index"> &l

所以我想在我的应用程序的URL中使用查询参数。《灰烬指南》介绍了解决方案:

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

它应该很简单,但我不能让它工作。我是不是光荣地忽略了什么

编辑:解决方案


我忽略了一个事实,即目前它只在测试版中可用。如果您以后阅读此内容,请注意它可能会在最新的完整版本中提供。

这在1.9.0版中运行良好,因此此问题可能会被解决


正在进行演示

您的余烬的版本字符串是什么?您必须使用测试版,是吗?天哪,我完全错过了!事实上,指南文章的顶部提到了这一点。嗯,我在这个问题上只花了半天时间p谢谢你!
App.IndexController = Ember.ArrayController.extend({
 queryParams: ['selected'],
 selected: null,

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