Ember.js {{each}}ループで2つの配列をループする

Question

私はEmber.jsを使用しています。私は動的テーブルを作成しています。基本的にユーザーはTSVファイルをアップロードし、そのデータをテーブルに表示します。しかし、これらのファイルの形式は一様ではなく、毎回異なるので、列名をハードコーディングすることはできません。今は列名の配列があり、TSVファイルのデータを持つオブジェクトの配列もあります。 Emberでは2つの{{each}}ループを使用してデータを表示できますか？私の問題は2番目のループにあります。2番目のループ変数でドット表記や括弧を使うことはできません。この共通の問題を解決する方法はありますか？

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