Ember Router记录错误:" Ember.CollectionView的内容必须实现Ember.Array"

时间:2012-11-03 06:26:08

标签: javascript ember.js client-side

这里有一个相当直接的Ember问题,(我希望!)。

我有一个简单的Ember数据设置。一个应用程序有许多版本。这是我的App模型:

App.App = DS.Model.extend({
  name: DS.attr('string'),
  publicKey: DS.attr('string'),
  versions: DS.hasMany('App.Version', { key: 'version_ids' })
});

我的路由器非常简单:

App.Router = Ember.Router.extend({
  location: 'hash',
  root: Ember.Route.extend({
    index: Ember.Route.extend({
      route: '/',
      redirectsTo: 'dashboard'
    }),
    dashboard: ...,
    app: Ember.Route.extend({
      route: '/:app_id',
      connectOutlets: function(router, app) {
        router.get('applicationController').connectOutlet('appTest', app);
      },

      index: Ember.Route.extend({
        route: '/',
        connectOutlets: function(router) {
          appTestController = router.get('appTestController');
          appTestController.connectOutlet('addCommentOutlet', 'addComment', {});
          appTestController.connectOutlet('versions', appTestController.get('content.versions'));
        }
      })
    })
  })
});

视图和控制器看起来像这样:

App.AppTestView = Ember.View.extend({
  templateName: 'app_test'
});

App.VersionsView = Ember.View.extend({
  templateName: 'versions'
});

App.AppTestController = Ember.ObjectController.extend({
});

App.VersionsController = Ember.ArrayController.extend({
});

当我运行它时,遗憾的是我收到错误:an Ember.CollectionView's content must implement Ember.Array. You passed <App.Version:ember519>

有趣的是,如果我在路由器的[appTestController.get('content.versions')]周围添加括号,它就不会抱怨并正确地创建第一个Version对象的数组。但它似乎不想显示多个对象。

任何提示?

1 个答案:

答案 0 :(得分:11)

最后,它不是模型,视图对象或控制器!它甚至不是路由器。

那是versions.handlebars。我在模板的循环中有一个循环,如下所示:

{{#each version in controller}}
  Version here
  {{#each comment in version}}
    {{comment.text}}
  {{/each}}
{{/each}}

我写错了:

each comment in version

......我打算写的地方:

each comment in version.comments

:)这解释了错误消息。希望这有助于其他人!