如何在 CollectionView 中显示 ArrayController 的内容答案

【问题标题】：How to display content of an ArrayController inside a CollectionView如何在 CollectionView 中显示 ArrayController 的内容
【发布时间】：2012-09-14 09:02:49
【问题描述】：

我正在尝试了解 Ember.CollectionView 的工作原理，但在 DOM 中显示 ArrayController 的内容时遇到了一个基本问题。这是my little jsfiddle experiment，您可以自己查看。这是咖啡脚本：

window.App = Ember.Application.create()
window.App.initialize()

App.Item = Em.View.create
  tagName:'li'

  willInsertElement: () ->
  console.log "I **WILL** indert the element", this.$()

  didInsertElement: () ->
    console.log "I **DID** insert the element", this.$()

  template: Ember.Handlebars.compile("~~ {{view.content.title}} ~~")

App.items = Em.ArrayController.create()

App.items.set('content',[
    Em.Object.create({title:"AN"}),
    Em.Object.create({title:"Epic"}),
    Em.Object.create({title:"View"})
  ])

App.epicView = Ember.CollectionView.create
  classNames: ['epic-view']
  contentBinding: 'App.items'
  itemViewClass: 'App.Item'

App.epicView.appendTo('body')

正如您在该小提琴的输出中看到的那样，我无法弄清楚如何访问和显示列表中对象的标题。当我使用对App.epicView.appendTo('body') 的调用将视图附加到正文时，它似乎迭代了三个对象但不打印任何内容。

任何想法我在这里错过了什么？

ps：我正在使用 Ember 1.0pre

【问题讨论】：

标签： coffeescript ember.js

【解决方案1】：

我会简单地做这样的事情：http://jsfiddle.net/Sly7/nevW2/67/

声明您的视图（使用扩展）而不是实例化它们（使用创建）

【讨论】：

非常感谢您的快速而有帮助的回答！