我正在创建一个 ember.js 应用程序。第一页是单个字段，带有一个按钮。单击按钮时，我希望它转到路径 #/deals/:api_key。但是，当我单击按钮时，我不清楚执行此操作的最佳方法。
这是我到目前为止所拥有的:
App = Ember.Application.create();
App.Store = DS.Store.extend({
revision: 12,
adapter: 'DS.FixtureAdapter'
});
App.Deal = DS.Model.extend({
name: DS.attr('string')
});
App.Router.map(function() {
this.resource('start', { path: '/' });
this.resource('deals', { path: '/deals/:api_key' });
});
App.DealsRoute = Ember.Route.extend({
model: function(params) {
return App.Deal.find();
}
});
App.StartController = Ember.ObjectController.extend({
apiKey: "",
getDeals: function (model) {
this.transitionToRoute('deals');
}
});
App.DealsView = Ember.View.extend({
didInsertElement: function() {
// Add active class to first item
this.$().find('.item').first().addClass('active');
this.$().find('.carousel').carousel({interval: 1000});
}
});
<script type="text/x-handlebars" data-template-name="start">
{{view Em.TextField valueBinding="apiKey" placeholder="API Key"}}
<br />
<button {{action 'getDeals'}} class="btn btn-large">Get Won Deals!</button>
</script>
<script type="text/x-handlebars" data-template-name="deals">
<div id="carousel" class="carousel slide">
<div class="carousel-inner">
{{#each model}}
<div class="item">
{{name}}
</div>
{{/each}}
</div>
</div>
</script>
关于将数据从文本输入传递到下一个转换作为查询参数的正确方法有什么建议吗？
最佳答案
您需要在 linkTo 帮助器中传递 View 中的参数，例如
{{#linkTo 'deals' api_key}}go to deals{{/linkTo}}
这会生成一个包含您需要的动态部分的链接。
<a href="/deals/[the_dynamic_apykey]">go to deals</a>
查看有关 linkTo 的文档以获取更多信息:http://emberjs.com/guides/templates/links/
关于javascript - 带查询参数的 Ember 转换，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15911597/