Ember.js 查询参数是否工作正常?
所以我想在我的应用程序的URL中使用查询参数。《灰烬指南》介绍了解决方案: 我在我的ember cli项目中尝试了它,但没有成功,所以我设置了一个没有cli的小测试项目 路线: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
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);
}
}
});