ng-repeat v/s md-virtual-repeat

Question

Differenza tra ng-repeat angolare e materiale angolare md-virtual-repeat?

Quando devo usare uno o l'altro?

Answer 1

ng-repeat rende tutti gli elementi nella lista, il suo meno performante su elenchi di grandi dimensioni.

md-virtual-repeat visualizza nell'elenco ciò che è visibile su viewport, non esegue il rendering di tutti gli elementi dell'elenco, quando l'utente scorre in caso di elenchi di grandi dimensioni, quindi rende apparentemente altri elementi, in questo modo il suo performante e deve essere utilizzato quando si lavora con grandi elenchi.

Answer 2

documentazione angolare dice abbastanza chiaramente:

ripetizione virtuale è un sostituto limitata per ng-repeat che rende solo i nodi DOM abbastanza per riempire il contenitore e riciclarli come l'utente scorre. Matrici, ma non oggetti sono supportati per l'iterazione. Track by, come alias e sintassi (chiave, valore) non sono supportati.

Source

Answer 3

md-virtual-repeat è simile a ng-repeat ma è molto utile quando si desidera caricare grandi quantità di dati.

Si consideri che è necessario caricare un record di 100.000. In questo caso, se ng-repeat, caricherà tutti i dati inizialmente. Quindi l'utente può frustrare mentre sta caricando. Se l'utente desidera solo i primi 50 dati, in tale scenario anche l'utente deve attendere fino a 10000 carichi !!!

Per evitare questo in materiale abbiamo ripetizione virtuale. Si tratta di un caricamento deffered che significa "Carico in base alla domanda".

La ripetizione virtuale verrà a sapere che esiste una richiesta "Se l'utente scorre" Quindi, in ultima analisi, il tempo di caricamento è ottimizzato se si utilizza md-virtual-repeat.