Ember.js，使用{{each}}循环遍历两个数组

Question

我正在使用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>

Answer 1

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

在这种情况下：

{{#each fileData as |data|}}
  {{#each columns as |name|}}
    <td>{{get data name}}</td>
  {{/each}}
{{/each}}