2016-09-08 1 views
2

Ich verwende ng-Wiederholung, um die Tabelle-Zeilen anzuzeigen. Browser reagiert nicht, wenn ich 1000 Zeilen auf diese Variable lade. Das bedeutet, dass die Validierung von Zeilen mit 1000 Zeilen bedeutet, dass die Seitenleistung nicht gut ist. muss die Leistung in ng-repeat verbessern. Ich habe den Link untenmehrere ng-repeat in Tabellenzeile und Spalten hängt für 1000 Datensätze

How to improve performance of ngRepeat over a huge dataset (angular.js)?

geprüft

Ich will nicht LimitTo Filter verwenden, weil ich ganze Datensätze in derselben Seite bei gleichzeitig dispay will. Ich möchte wissen, wie man die Ein-Weg-Bindung im unteren Code verwendet. Irgendein anderer Vorschlag, um die Leistung von ng-repeat zu verbessern.

<tbody> 
<tr ng-repeat="row in validationRows | orderBy:orderByField:sortReverse" class="dataRow" validate-data-loaded-all> 
           <td ng-repeat="column in validationColumns" ng-show="!$first" ng-class="highlight(row,column)">{{row[column]}}</td> 
</tr> 
</tbody> 
+0

Warum auch alle '1000' Zeilen laden - kann der Client alle 1000 Zeilen auf einmal sehen? Wenn die Antwort nein ist, dann lade die Zeilen inkrementell auf scroll. – tymeJV

+0

Ist es langsam zu laden, ** oder ** langsam zu rendern, ** oder ** langsam, um die Seite zu navigieren, sobald es gerendert wird? – mjwatts

+0

I't ist normal, dass der Browser langsam geht 1000 Datensätze, das passiert mit Datenträgern und jQuery auch. Ich glaube nicht, dass es ein Problem mit ng-repeat-Leistung ist, sondern mit dem Browser selbst. Ich engagiere Sie sehr, um die AJAX-Seitennummerierung zu verwenden, entweder durch Scrollen oder mit regelmäßigen Seitentasten unter dem Tisch. –

Antwort

2

Verwenden Infinite scroll .Durch dieses Modul verwenden Sie alle Zeilen auf Scroll basierend laden können.

Diese Example helfen Ihnen

+0

danke für Ihre Antwort. Ich werde dies versuchen und sehen lassen, wie es funktioniert – SivaRajini

+0

@SivaRajini Froh, Ihnen zu helfen – Muhsin

Verwandte Themen