Dans le processus d'apprentissage d'AngularJS, j'ai estimé qu'il s'agissait d'un moyen préférable d'obtenir des informations de la base de données du serveur en même temps et de les paginer sur l'avant. Parce qu'il économise la charge de communication des extrémités avant et arrière, et remet plus de tâches d'affichage à l'extrémité avant.
Ce contenu est divisé en deux parties. La première partie introduira brièvement le service intégré d'Angularjs et ses fonctions; La deuxième partie réalisera l'effet de l'affichage de pagination des informations de base de données via un exemple complet relativement complet.
Lorsque vous travaillez sur Mutilpe View & Route d'AngularJS, je pense que je devrais avoir une compréhension plus approfondie des services et de l'emplacement intégrés d'AngularJS, car le fonctionnement de l'URL intégré au service du navigateur est étroitement lié. Je pense que si ce service est traité, il sera très utile pour le chiffre d'affaires de la page à l'avenir.
Voici quelques-unes de mes petites expériences et quelques expériences, qui sont écrites en langue vernaculaire et peuvent ne pas être aussi professionnelles, mais j'espère qu'il sera utile pour tout le monde de comprendre certains concepts d'AngularJS.
Cet et emplacement sont utilisés comme service, comme paramètre de la fonction de retour du contrôleur dans l'injection de dépendance. Ce qui suit est un exemple pour expliquer l'utilisation de ce service.
Section 1: obtenir des informations URL
& Emplacement fournit des méthodes Getter et Setter, telles que l'absurl, le chemin, le protocole, l'hôte, le port. L'explication spécifique est que ce sont les noms de fonction des fonctions d'adresse de liaison fournies par & location. Si ces fonctions ne transmettent dans aucun paramètre lorsqu'ils sont utilisés, cela signifie obtenir les informations actuelles d'URL; Si certains paramètres sont passés, cela signifie définir les informations URL dans le navigateur actuel.
Exemple 1
<! Doctype html> <html ng-app = "locationApp"> <head lang = "en"> <meta charset = "utf-8"> <ititle> </title> </ head> <corps Ng-Controller = "LocationController"> <p> absurl ----------- {{absurl}} </p> <p> Path --------------- {{path}} </p> <p> pro ------------- TOCOL ----------- {{ProtoCol}} </p> <p> hôte ---------------- {{host}} </p> <p> Port ---------------- {{port}} </p> <script src = "angular.js"> </ script> <cript> var locationApp = angular.module ('locationApp', []); LocationApp.Controller ('LocationController', ['$ Scope', '$ Location', fonction ($ Scope, $ emplacement) {$ scope.absurl = $ localisation.absurl (); $ scope.path = $ localisation.path (); $ scope.protocol = $ localisation.protocol ($ Scope.Host = $ localisation.host (); $ Scope. $ location.port ();}]); </cript> </body> </ html>À partir de la capture d'écran, on peut clairement voir que la méthode Getter fournie par le service de localisation $ peut facilement obtenir les informations URL actuelles du navigateur L.
Les étudiants prudents ont peut-être vu cette voie, pourquoi n'y a-t-il pas de valeur?
En effet, il n'y a aucune information de chemin dans l'adresse de liaison. Si nous définissons manuellement une information de chemin via la méthode Path (), puis actualisons le navigateur (l'adresse d'URL du navigateur est les informations que vous avez modifiées lors de la rafraîchissement et ne changera pas), nous verrons les informations du chemin. Il y a des images et de la vérité!
Exemple 2
$ location.path («détail»);
$ scope.path = $ localisation.path ();
À partir de la petite modification ci-dessus, j'ai modifié le code et modifié d'abord la valeur de son attribut de chemin dans le service intégré de $ Location (son essence est un objet, qui contient de nombreux attributs sur les informations d'URL).
Obtenez ensuite la nouvelle valeur via la méthode Getter.
De plus, comme les informations URL qui sert la barre d'adresse du navigateur sont une liaison bidirectionnelle (c'est la partie la plus exquise d'AngularJS), peu importe les attributs de l'objet de localisation ou de la barre d'adresse du navigateur, tant que les informations URL d'une partie, l'autre partie changera également. J'ai donc vu qu'il y avait aussi des informations de chemin comme les détails dans la barre d'adresse du navigateur dans la capture d'écran. Ces informations ont été définies via le code avant.
À propos de la mise en œuvre d'AngularJS de la fonction d'affichage de pagination vous sera présentée dans le prochain article, j'espère que vous ne le manquerez pas.