ember.js - Ember - 使用 hasMany 属性时如何在多选中预选项目？

Question

我目前在多选 View 中预选项目时遇到问题。我将 ember 1.3 与 ember-data 1.0.0 beta 6 和 ember-data-django-rest-adapter 一起使用。

App.Article = DS.Model.extend({
  title: attr(),
  description: attr(),
  authors: hasMany('author')
});

App.ArticleRoute = Ember.Route.extend({
  model: function(params) {
    return this.store.find('article', params.article_id);
  },
  setupController: function(controller, model) {
    controller.set('content', model);
  }
});

App.ArticleController = Ember.ObjectController.extend({
  needs: ['authors'],
  allAuthors: function() {
    return this.store.find('author');
  }.property()
});

模板:

{{input authors as='select'
  multiple='true'
  collection='allAuthors'
  selection='authors'
  optionValuePath='content.id'
  optionLabelPath='content.name'}}

我不确定为什么这不起作用，因为当我在模板中使用 #each 输出 allAuthors 和 authors 时，我'我得到了我应该得到的数据。

我有什么事情没做吗？

预先感谢您的帮助。

Answer 1

我通常使用 Promise 在路由中预填充此类数据:

App.ArticleRoute = Ember.Route.extend({
  model: function(params) {
    return this.store.find('article', params.article_id);
  },
  setupController: function(controller, model) {
    this.store.find('author').then(function(authors) {
      controller.set('allAuthors', authors);
      // or maybe controller.get('allAuthors').addObjects(authors);
    });
    controller.set('content', model);
  }
});

App.ArticleController = Ember.ObjectController.extend({
  needs: ['authors'],
  allAuthors: []
});

不确定这是否是最好的方法，但这对我有用。