查询参数是否正常工作?

时间:2014-07-17 09:18:01

标签: ember.js

所以我想在我的应用程序的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参数。

它应该是如此简单但我无法使其发挥作用。我光荣地忽视了什么吗?

修改:解决方案

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

1 个答案:

答案 0 :(得分:0)

这在版本1.9.0中运行得很好,所以这个问题可能会被关闭。

工作演示here