Angular2ひどいパフォーマンス「インデックス」

Question

は、次の2次元配列を考慮する変数を割り当てる：

テンプレートで今

myLabels = [[45, 56, 63], 
      [31, 67, 27], 
      [89, 23, 61]] 

、同様にこの配列の反復処理：私は私の配列を増やすと

<template ngFor let-row_ [ngForOf]=myLabels let-i="index"> 
    <template ngFor let-labelid [ngForOf]=row_ let-j="index"> 
    ... 
    </template> 
</template> 

何か大きなものに、パフォーマンスタンクはかなりハード。適度なサイズの40×40の配列はChromium 50でレンダリングするのに約40秒かかります。Firefox 47では少し高速ですが、それほど高速ではありません。

私は、インデックスの割り当て（let-i="index"...）を排除する場合は、パフォーマンスが

だけで結構です

<template ngFor let-row_ [ngForOf]=myLabels> 
    <template ngFor let-labelid [ngForOf]=row_> 
    ... 
    </template> 
</template> 

だから、質問は、この問題を軽減するために何を行うことができますか？ ngForに関して私が紛失しているものはありますか？別の方法がありますか？

Answer 1

変更検出戦略をChangeDetectionStrategy.OnPushに変更しようとしましたか？ 。

また、不変の配列を作成することを検討（immutable.jsを参照）

この記事をチェックしてください：http://jvandemo.com/how-i-optimized-minesweeper-using-angular-2-and-immutable-js-to-make-it-insanely-fast/