3

これは私の質問に関連しています-Angular JS ng-repeatはより多くのブラウザメモリを消費します

ここでの問題は、ネストされた ng-repeat が必要であり、ネストされた ng-repeat は、より多くのウォッチが登録されているため、より多くのメモリを消費することです。

<table>
  <thead><td>Id</td><td>Name</td><td>Ratings</td></thead>
  <tbody>
   <tr ng-repeat="user in users | orderBy:'name' | limitTo:display_limit">
    <td>{{user.id}}</td>
    <td>{{user.name}}</td>
    <td><div ng-repeat="item in items | orderBy:'rating' | limitTo:inner_display_limit">{{item.rating}}</div></td>
   </tr>
  </tbody>
</table>

ここで私の場合、外側の ng-repeat と内側の ng-repeat が動作するオブジェクトの数は最大 1000 になる可能性があります。@Liviu が回答で指摘したように、each of the outer ng-repeat registers watch on the inner ng-repeat消費可能な量のメモリが使用されます。avoid the outer ng-repeat from registering watches on inner ones独自のカスタム ディレクティブを作成する方法はありますか?

私の場合は、内側と外側の ng-repeat の両方にあり、最初の 50 アイテムを表示し、スクロール時に対応する DOM の最後に到達すると、次の 50 アイテムが表示されるように制限を 50 更新します。

どんな助けでも大歓迎です！

4

1 に答える 1

0

usersと の両方をバインディング属性として取るディレクティブを記述しitems(特に、内側のループが外側のループから独立しているように見えるため)、コンテンツを DOM に追加する 2 つのループを手動でネストし、各要素にスクロール リスナーを追加することができます。 . それはより難しいコーディングですが、ウォッチャーははるかに少なくなります。

于 2013-08-25T05:44:58.737 に答える