En el proceso de aprendizaje de AngularJS, sentí que es una forma preferible de obtener información de la base de datos del servidor a la vez y paginarla en la parte delantera. Porque guarda la carga de comunicación de los extremos delanteros y traseros, y entrega más tareas de visualización a la parte delantera.
Este contenido se divide en dos partes. La primera parte introducirá brevemente el servicio incorporado de AngularJS $ ubicación y sus funciones; La segunda parte se dará cuenta del efecto de la visualización de paginación de la información de la base de datos a través de un ejemplo integral relativamente completo.
Al trabajar en Mutilpe View & Route of AngularJS, creo que debería tener una comprensión más profunda de los servicios y ubicación incorporados de Angularjs, porque la operación de la URL incorporada que sirve al navegador está estrechamente relacionada. Siento que si este servicio se procesa, será muy útil para la facturación de la página en el futuro.
A continuación se presentan algunos de mis pequeños experimentos y algunas experiencias, que se escriben en vernáculo y pueden no ser tan profesionales, pero espero que sea útil para todos comprender algunos conceptos de angularjs.
Esta y ubicación se utiliza como servicio, como un parámetro de la función de retorno del controlador en la inyección de dependencia. El siguiente es un ejemplo para explicar el uso de este servicio.
Sección 1: Obtener información de URL
& La ubicación proporciona algunos métodos de Getter y Setter, como Absurl, Ruta, Protocolo, Host, Puerto. La explicación específica es que estos son los nombres de funciones de las funciones de dirección de enlace proporcionadas por y ubicación. Si estas funciones no pasan en ningún parámetro cuando se usan, significa obtener la información de URL actual; Si se pasan algunos parámetros, significa establecer la información de URL en el navegador actual.
Ejemplo 1
<! Doctype html> <html ng-app = "ubicaciónpp"> <head lang = "en"> <meta charset = "utf-8"> <title> </title> </head> <cuerpo ng-Controller = "UbicaciónController"> <p> Absurl ----------- {{absurl}} </p> <p> ruta --------------- {{ruta}} </p> <p> Pro tocol ----------- {{protocol}} </p> <p> host ---------------- {{host}} </p> <p> puerto ---------------- {{puerto}} </p> <script src = "Angular.js"> </script> <script> var ubicarapp = angular.module ('ubationApp', []); UbicationApp.Controller ('UbicaciónController', ['$ Scope', '$ ubicación', function ($ scope, $ ubicación) {$ scope.absurl = $ ubicación.absurl (); $ scope.path = $ ubicación.path (); $ scope.protocol = $ ubicación $ ubicación.port ();Desde la captura de pantalla, se puede ver claramente que el método Getter proporcionado por el servicio de ubicación $ puede obtener fácilmente la información de URL actual del navegador L.
Los estudiantes cuidadosos pueden haber visto este camino, ¿por qué no hay valor?
Esto se debe a que no hay información de ruta en la dirección de enlace. Si establecemos manualmente una información de ruta a través del método ruta () y luego actualizamos el navegador (la dirección de URL del navegador es la información que modificó al actualizar y no cambiará), veremos la información de la ruta. ¡Hay fotos y verdad!
Ejemplo 2
$ ubicación.path ('detalle');
$ scope.path = $ ubicación.path ();
De la pequeña modificación anterior, modifiqué el código y primero modifiqué el valor de su atributo de ruta en el servicio incorporado de $ ubicación (su esencia es un objeto, que contiene muchos atributos sobre la información de URL).
Luego obtenga el nuevo valor a través del método Getter.
Además, debido a que la información de URL que sirve a la barra de direcciones del navegador es vinculante bidireccional (esta es la parte más exquisita de AngularJS), sin importar los atributos del objeto de ubicación o la barra de direcciones del navegador, siempre que la información de URL de una parte cambie, la otra parte también cambiará. Así que vi que también hay una información de ruta como los detalles en la barra de direcciones del navegador en la captura de pantalla. Esta información se estableció a través del código antes.
Acerca de la implementación de AngularJS de la función de visualización de paginación se le presentará en el próximo artículo, espero que no se lo pierda.