2016-02-11 20 views
5

In che modo gestisco raccolte grandi di ng-repeat in AngularJS?Caricamento lento di elementi in una raccolta ngRepeat in AngularJS

Sto pensando alla cancellazione del processo di download una volta che l'utente decide di passare a un altro controller.

Per visualizzare le immagini che uso:

<ul class="thumbnails"> 
    <li ng-repeat="photo in photosFound.data track by $index" > 
     <a prettyp class="thumbnail" ng-href="{{domain}}/{{photo.thumb}}" rel="prettyPhoto[main]"> 
      <img class="group1" ng-src="{{domain}}/{{photo.image}}" /> 
     </a> 
    </li> 
</ul> 

C'è un modo per annullare il download di tutte le immagini a 150 una volta che l'utente decide di cambiare il controller sono in?

+4

Questo è probabilmente automatico dal browser una volta che il tag '' non è più nel DOM – gustavohenke

+3

Impossibile impedire le richieste dopo che sono state apportate. Utilizza l'impaginazione per mostrare un minor numero di risultati e può migliorare le prestazioni utilizzando il binding in un modo – charlietfl

+0

@charlietfl it right. ma come opzione puoi provare a controllare la tecnologia di servizio che può richiedere "proxy" - https://www.smashingmagazine.com/2016/02/making-a-service-worker/ è applicabile – shershen

risposta

0

È possibile utilizzare qualcosa come lo scroller (https://github.com/angular-ui/ui-scroll) che esegue il de-rendering di qualsiasi cosa al di fuori della vista scorrevole ... questo vi aiuterà con serie di dati molto grandi in ng-repeat.

Riguardo alla seconda domanda: è possibile annullare le richieste $ http aperte utilizzando una promessa. Questo ragazzo fa un buon lavoro nel descrivere come si compie questo. http://odetocode.com/blogs/scott/archive/2014/04/24/canceling-http-requests-in-angularjs.aspx

+0

Questo è il modulo angolare più confuso che abbia ancora avuto a che fare con. Seriamente, cos'è questo? per (i = j = ref = index, ref1 = index + count - 1; ref <= ref1? j <= ref1 : j > = ref1; i = ref <= ref1? ++ j: --j) {Questo è per l'impostazione dei dati di origine ?! – AlxVallejo

Problemi correlati