Emberjs CollectionView 数组中的数组答案

【问题标题】：Emberjs CollectionView array in an arrayEmberjs CollectionView 数组中的数组
【发布时间】：2014-04-14 18:24:58
【问题描述】：

您好，我想知道是否可以为 collectionView 使用更复杂的数组。

因为现在我只是这样使用它：

App.GroupList = Ember.ArrayController.create({
    content: ['A','B','C','D'],
})

App.GroupListView = Ember.CollectionView.extend({
    tagName: 'tbody',
    contentBinding: "App.GroupList"
})

并像这样显示它们：

<table class="table-history">
    {{#collection App.GroupListView}}
    <td class="col-left">
        {{view.content}}
    </td>
    <td>
        <span class="col-number-contact">0</td>
    </td>
    <td>
        <div class="ph-img"></div>
    </td>
    <td>
        <div class="ed-img"></div>
    </td>
    {{/collection}}
</table>

到目前为止，一切都很好，运行良好，但我想在内容中添加更多信息，如下所示：

content: [
    ['A','1'],
    ['B','2'],
    ['C','3'],
]

并在一秒钟内显示数字<td> tad（里面有 0 的那个）。但它不起作用..我什至不知道如何在我的模板中显示它们。

有人已经设法传递了一个复杂的集合内容？

【问题讨论】：

标签： ember.js

【解决方案1】：

您可以像这样使用对象数组：

App.GroupList = Ember.ArrayController.create({
    content: [{'id':1,val:'A'},{'id':2,val:'B'},{'id':3,val:'C'},{'id':4,val:'D'}];
});

然后在您的模板中，您可以像这样访问它：

<table class="table-history">
    {{#collection App.GroupListView}}
    <td class="col-left">
        {{view.content.val}}
    </td>
    <td>
        <span class="col-number-contact">{{view.content.id}}</td>
    </td>
    <td>
        <div class="ph-img"></div>
    </td>
    <td>
        <div class="ed-img"></div>
    </td>
    {{/collection}}
</table>

【讨论】：