Ember.js,循环使用两个带有{{each}}循环的数组

时间:2017-09-12 15:44:27

标签: javascript arrays loops csv ember.js

我正在使用Ember.js,我正在构建一个动态表。基本上用户上传TSV文件,我在表格中显示数据。但是这些文件的格式不统一,每次都会有所不同,所以我不能对列名进行硬编码。现在我有一个列名称数组,我还有来自TSV文件的数据的对象数组。 Ember是否可以使用两个{{each}}循环来显示数据?我的问题是在第二个循环中我不能使用点符号或括号与第二个循环变量。这个常见问题是否存在'余烬方式'解决方案?

<table class="table">
    <thead>
    <tr>
        {{#each columns as |name|}}
            <th>{{name}}</th>  
        {{/each}}
    </tr>
    </thead>
    <tbody>
        {{#each fileData as |data|}}
            <tr>
                {{#each columns as |name|}}
                    <td>{{data.name}}</td>  <!-- doesn't work -->
                    <td>{{data[name]}}</td> <!-- also doesn't work -->
                {{/each}}
            </tr>
        {{/each}}
    </tbody>
</table>

1 个答案:

答案 0 :(得分:2)

您正尝试使用动态列表访问Ember对象的属性。你要找的是get helper

在这种情况下:

alert ("Test");