angulaire.js - Comment charger automatiquement la page suivante lorsque angulairejs est en bas

Question

Scénario : Plusieurs pages, les utilisateurs parcourent de haut en bas. Lorsque vous naviguez jusqu'à la fin, la page suivante est automatiquement chargée.

1. Si vous utilisez ng-repeat pour simplement accumuler à nouveau des données et les compiler, cette solution n'est pas très bonne. Chaque fois qu'une page est chargée, toutes les données doivent être compilées et l'état de navigation est réinitialisé.

2. Utiliser directement l'ajout (nœud) du DOM ?

Demandez si quelqu'un connaît une meilleure solution, merci ^_^

Answer 1

J'ai trouvé un plug-in avec le mot-clé "Infinite scrolling", qui est exactement ce dont j'ai besoin. Le lien est le suivant :
http://binarymuse.github.io/ngInfiniteScroll/

.

Après y avoir bien regardé, même si cette solution est bonne, elle n'est pas assez souple pour moi.
Ouvrez le code source et comprenez-le légèrement après l'avoir lu. J'ai fait une évaluation et j'en ai réécrit une directive qui est plus adaptée à mon petit truc actuel ^_^

Après avoir compris la méthode de mise en œuvre, tout est facile à dire

Answer 2

$scope.feedList = $scope.feedList.concat([ ... ])

Answer 3

Je pense que nous devrions écrire une directive pour surveiller le défilement