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}}