Ember.js ::无法在视图中呈现ember.js模型

Question

如果有人可以让我摆脱这种痛苦，我将不胜感激，让我发狂，我知道这将变得非常简单。

我有一个数组：

数据

var test = [{"name":"Kober Ltd","town":"Bradford","type":"Z1CA","number":3650645629},
{"name":"Branston Ltd.","town":"Lincoln","type":"Z1CA","number":3650645630}]

我想将此信息呈现为collectionView中的子元素：

的CollectionView

App.ThreeView = Ember.CollectionView.extend({
  itemViewClass: Ember.View.extend({    
      click: function(){
        alert('hello')
       },   
    classNames: ['element','foobar'],
    templateName: 'foo'
  })
})

这是我的控制器：

调节器

App.ThreeController = Ember.ArrayController.extend({
content: [],
  init: function(){
    var me = this;
    $.each(test,function(k,v){
        var t = App.ThreeModel.create({
            name : v.name,
            town: v.town,
            type: v.type,
            number: v.number
        }) 
        me.addObject( t )
    })
    console.log( me.content )
  }
})

模板：

    <script type="text/x-handlebars" data-template-name="application">
        {{outlet}}
    </script>

    <script type="text/x-handlebars" data-template-name="three">
    </script>

    <script type="text/x-handlebars" data-template-name="foo">
        <div class="symbol"> {{ view.content.type }} </div>
        <div class="number"> {{ view.content.number }} </div>
        <div class="name"> {{ view.content.name }} </div>
        <div class="town"> {{ view.content.town }} </div>
    </script>  

我正在使用最新的Ember so ... V2路由器，该路由器将所有零件同步为“ Three”名称。 如果我将数组直接放入视图中，每个方法都将起作用：

App.ThreeView = Ember.CollectionView.extend({
  content: test, // manually added a pure array into view content
  itemViewClass: Ember.View.extend({    
      click: function(){
          alert('hello')
      },    
      classNames: ['element','foobar'],
      templateName: 'foo'
  })
})

但是，当我尝试使用Ember.js对象“适当地”执行此操作时，没有任何渲染视图（除了空的应用程序视图之外）。

我已经尝试了变通方法，例如从视图向控制器添加一个“ contentBinding”，只是看我是否可以强制连接，但仍然一无所获。 在使用Three.js拾取呈现的内容并进行进一步操作时，请务必通过容器呈现视图。

因此，总结一下：我可以在视图中渲染纯数组，但是没有从控制器传递任何东西。 顺便说一句，由于我可以在init上控制台记录其内容，因此肯定是建立了控制器。 如果我更改视图名称，则不会实例化控制器，因此我知道命名空间正在工作。

提前致谢！

Answer 1

我不确定要解决整个问题，但是现在，当您在init（）函数中定义控制器时，首先不要忘记调用this._super（）（它将遍历类层次结构并调用构造函数）。 也许那只是丢失的东西。

编辑：似乎与新的路由器，将视图定义为CollectionView不起作用。 因此，我将其替换为普通的Ember.View，并在模板中使用了{each}帮助器。

<script type="text/x-handlebars" data-template-name="three">
  {{each controller itemViewClass="App.FooView" tagName="ul"}} 
</script>

这是一个最小的工作提琴： http : //jsfiddle.net/Sly7/qCdAY/14/

编辑2：

通过重新阅读问题，并看到您尝试将CollectionView内容的属性绑定到控制器，我尝试了它，因为它可以正常工作:)

http://jsfiddle.net/Sly7/qCdAY/15/