Paginering med AngularJS

AngularJS er et fantastisk javascript-rammeverk jeg har brukt mye de siste 18mnd. Slik kan du bruke det til å løse paginering.

AngularJS tilbyr et robust og fantastisk API for å lage web-applikasjoner. Det har utrolig mye bra funksjonalitet, men det løser ikke alle problemer rett ut av boksen.

Jeg har flere ganger blitt stilt spørsmål om hvordan man kan implementere paginering i data. Det er ulike måter å løse dette på. Det er en selvfølge at du paginerer på dataaksesslaget og ikke henter tusenvis av rader, men progressivt ettersom du benytter dem. Skulle du likevel ende opp med en mengde data på klienten og du trenger paginere disse i presentasjonslaget er en enkel og elegant løsning offset filter.

Nedenfor ser du et enkelt eksempel på hvordan jeg har løst det

I eksempelet over pipes et større datasett igjennom offset filteret, som skjuler et antall av de første radene basert på hvilken side brukeren er på. Det resulterende datasettet pipes så til Angulars native limitTo filter, som korter ned datasettet til å passe inn på siden.

Publisert