AngularJS Repetición externa ng no registrar relojes en repetición ng interna
Esto está en relación con mi pregunta.Angular JS ng-repeat consume más memoria del navegador
Mi problema aquí es que necesito repeticiones ng anidadas y las repeticiones ng anidadas consumen más memoria debido a que se registran más relojes.
<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>
Aquí, en mi caso, la cantidad de objetos en los que operan la repetición externa ng y la repetición interna ng puede llegar hasta 1000. Y como @Liviu señaló en la respuesta,each of the outer ng-repeat registers watch on the inner ng-repeat
y eso lleva a la cantidad consumible de memoria que se utiliza. ¿Hay alguna manera de que podamosavoid the outer ng-repeat from registering watches on inner ones
¿Escribiendo nuestra propia directiva personalizada?
Mi caso es tanto en el interior como en el exterior de ng-repeticiones, muestro los 50 elementos iniciales y en el desplazamiento, si el desplazamiento llega al final del DOM correspondiente, actualizo el límite en 50, para que se muestren los 50 elementos siguientes.
¡Cualquier ayuda es muy apreciada!