Lazy laden Elemente in einer ngRepeat Sammlung in AngularJS

Wie gehe ich mit großen Sammlungen von ng-repeat in AngularJS?Lazy laden Elemente in einer ngRepeat Sammlung in AngularJS

Ich denke über die Aufhebung des Download-Prozesses nach, wenn der Benutzer entscheidet, zu einem anderen Controller zu wechseln.

Bilder anzuzeigen Ich benutze:

<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>

Gibt es eine Möglichkeit, den Download aller 150 Bilder zu löschen, sobald der Benutzer den Controller sie sind zu ändern entscheidet?

Quelle

2016-02-11 Jacek Wojcik

Dies ist wahrscheinlich automatisch durch den Browser, sobald ein '' -Tag nicht mehr im DOM ist – gustavohenke

Kann die Anfragen nicht verhindern, sobald sie gemacht wurden. Verwenden Sie die Seitennumerierung, um weniger Ergebnisse anzuzeigen, und können Sie die Leistung verbessern, indem Sie eine Einwegbindung verwenden. – charlietfl

@charlietfl es richtig. aber als eine Option könnten Sie versuchen, es zu überprüfen, die Service-Techniker-Technologie, die Anfragen "Proxy" - https://www.smashingmagazine.com/2016/02/making-a-service-worker/ ist anwendbar – shershen

Sie könnten etwas wie ui scroller (https://github.com/angular-ui/ui-scroll) verwenden, das alles außerhalb des scrollbaren Ansichtsfensters de-rendern wird ... das wird Ihnen mit wirklich großen Datensätzen in ng-repeat helfen.

In Bezug auf Ihre zweite Frage: Sie können offene $ http Anfragen mit einem Versprechen abbrechen. Dieser Typ beschreibt ziemlich gut, wie Sie das erreichen. http://odetocode.com/blogs/scott/archive/2014/04/24/canceling-http-requests-in-angularjs.aspx

Quelle

2016-03-14 20:16:29 btm1

Das ist das verwirrendste Winkelmodul, mit dem ich mich bisher befassen musste. Ernsthaft, was ist das? für (i = j = ref = index, ref1 = index + zählen - 1; ref <= ref1? j <= ref1 : j > = ref1; i = ref <= ref1? ++ j: --j) {Dies ist für die Einstellung Ihrer Quelldaten ?! – AlxVallejo

Lazy laden Elemente in einer ngRepeat Sammlung in AngularJS

Antwort

Verwandte Themen