应用程序路径中的多个模型,如何设置控制器Ember.JS

时间:2014-07-07 16:35:41

标签: javascript ember.js

所以我在我的

中得到了这个

申请路线

App.ApplicationRoute = App.AuthenticatedRoute.extend({
    model: function() {
        return Ember.RSVP.hash({
            projects: this.store.find('project'),
            departments: this.store.find('department'),
        });
    },
    setupController: function(controller, model) {
        controller.set('model', model);
    }
});

应用程序控制器

App.ApplicationController = Ember.ObjectController.extend({
    all_projects: Ember.computed.alias('model.projects'),
    all_departments: Ember.computed.alias('model.departments'),
});

然后我在我的模板中有这个

    <div class="col-xs-1" style="padding:0">
        {{view Ember.Select class="form-control cover-input" content=all_projects value=create_project}}
    </div>
        {{view Ember.Select class="form-control half-input" content=all_departments optionValuePath="content.id" optionLabelPath="content.department_name" value=create_department}}

但是选择框中没有任何内容。我也试过像这样循环遍历该属性

{{#each all_departments}} {{department_name}} {{/each}}也没有显示任何内容。

1 个答案:

答案 0 :(得分:0)

您的模型别名all_projects和all_departments将是一个数组对象。因此,您应该为ApplicationController扩展ArrayController,而不是扩展ObjectController。

希望能解决加载Ember.Select视图的问题。

下面给出了多个模型的基本示例,其中包含Ember.Select视图以呈现两个模型。

JSBIN Ling