Maison  >  Article  >  interface Web  >  Utilisation du contrôle de pagination JQUERY dans ANGULARJS_AngularJS

Utilisation du contrôle de pagination JQUERY dans ANGULARJS_AngularJS

WBOY
WBOYoriginal
2016-05-16 15:39:03892parcourir

C'est mon premier article. Je ne sais pas quoi écrire. Après y avoir réfléchi, j'aimerais partager comment utiliser le contrôle de pagination. J'espère que nous pourrons en discuter ensemble.

La pagination est une fonction courante pour l'affichage des données frontales. Dans le js angulaire que nous utilisons, la pagination native nécessite que toutes les données soient récupérées vers le front-end, puis vers le front-end pour la pagination, ce qui n'est pas le cas. pratique lors de l’exploitation de grandes quantités de données. Ensuite, je présenterai la méthode de modification d'un contrôle de pagination jquery dans une directive Angularjs.

Tout d'abord, référencez jquery1.10, les fichiers de bibliothèque Angularjs et le contrôle de pagination jq dans le projet Web.

J'ai nommé la commande custompagination et ajouté le style HTML à la commande.

 

Ajoutez ensuite le contrôleur correspondant à la commande.

 

Lorsque la commande est utilisée, le code de la page html est le suivant

 

La méthode d'acquisition des données du contrôleur correspondante est

  

L'effet d'utilisation final du contrôle.

 

Remarque : l'appel des contrôles jquery est davantage une méthode synchrone, tandis qu'Angularjs utilise une méthode asynchrone pour obtenir des données d'arrière-plan. Lorsque vous utilisez jquery et Angularjs en même temps, vous devez faire attention à deux idées de programmation différentes combinées. . Le plus gros problème dans ce cas est de savoir comment notifier le contrôle de pagination jquery de la nouvelle situation de pagination après avoir utilisé Angularjs pour obtenir des données d'arrière-plan, puis actualiser les données de page du contrôle de pagination. Cet exemple est implémenté en effectuant un rappel dans le code Angularjs et jquery. En fait, vous pouvez également utiliser watch in Angularjs pour surveiller les modifications des données de contrôle de pagination afin d'actualiser la page. Vous êtes invités à explorer davantage.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn