所以我想在我的应用程序的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参数。
它应该是如此简单但我无法使其发挥作用。我光荣地忽视了什么吗?
修改:解决方案
我错过了这样一个事实,即现在它只能在测试版中使用。如果您将来阅读此内容,请注意它可能在最新的完整版本中提供。