【发布时间】:2014-07-17 09:18:01
【问题描述】:
所以我想在我的应用程序的 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 参数。
它应该很简单,但我无法让它工作。我是否光荣地忽略了某些东西?
编辑:解决方案
我错过了一个事实,即目前它仅在测试版中可用。如果您以后阅读本文,请注意它可能会在最新的完整版本中提供。
【问题讨论】:
-
你的 ember 的版本字符串是什么?
-
你必须使用测试版,是吗?
-
天啊,我完全错过了!确实在指南文章的顶部说。好吧,我只花半天时间在这个问题上。 :p 谢谢!
标签: ember.js