EmberJSの動的列の冗長処理を最適化

Question

現在、実行時に行と列の両方の値が決定される動的な表を作成しています。私はこれを次のコードで達成しました。

{{#each item in collection}} 
<tr> 
    {{#each field in fields}} // redundant for all collections 
    <td> 
    {{sample-td field=field data=item}} 
    </td> 
    {{/each}} 
</tr> 
{{/each}} 

これはうまくいきますが、大きなデータセットの場合、レンダリングが遅すぎるようです。コードを分析すると、第2ループが第1ループ全体で重複して処理されているように見えます（フィールドは1回だけ計算する必要がありますが、コレクションの各値にわたって計算する必要があります）。

コードを最適化する方法をお勧めします。

Answer 1

キー値を指定すると、連続してレンダリングするときのレンダリング速度を向上させることができます。 Ember guide link

{{#each model key="id" as |item|}} 
{{/each}}