AngularJS Outer ng-repeat não registra relógios na repetição interna do ng
Isso está em relação com a minha pergunta -Angular JS ng-repeat consome mais memória do navegador
Meu problema aqui é que preciso de repetições ng aninhadas e as repetições ng aninhadas consomem mais memória porque mais relógios estão sendo registrados.
<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>
Aqui no meu caso, o número de objetos nos quais a repetição ng externa e a repetição ng interna operam pode chegar a 1.000. E como @Liviu apontou na resposta,each of the outer ng-repeat registers watch on the inner ng-repeat
e isso leva à quantidade consumível de memória sendo usada. Existe uma maneira que podemosavoid the outer ng-repeat from registering watches on inner ones
escrevendo nossa própria diretiva personalizada?
Meu caso está em ng-repeats internas e externas, eu exibo os 50 itens iniciais e na rolagem, se a rolagem atingir o final do DOM correspondente, eu atualizo o limite por 50, para que os próximos 50 itens sejam exibidos.
Qualquer ajuda é muito apreciada!