No processo de aprender angularjs, senti que é uma maneira preferível de obter informações do banco de dados do servidor de uma só vez e paginá -las no front -end. Porque salva a carga de comunicação das extremidades dianteiras e traseiras e entrega mais tarefas de exibição na extremidade frontal.
Este conteúdo é dividido em duas partes. A primeira parte apresentará brevemente o serviço de serviço interno do AngularJS e suas funções; A segunda parte perceberá o efeito da exibição de paginação das informações do banco de dados por meio de um exemplo abrangente relativamente completo.
Ao trabalhar no Mutilpe View & Route of AngularJS, sinto que deveria ter um entendimento mais profundo dos serviços e localização internos do AngularJS, porque a operação do URL embutido que serve o navegador está intimamente relacionado. Sinto que, se este serviço for processado, será muito útil para a rotatividade de páginas no futuro.
Abaixo estão alguns dos meus pequenos experimentos e algumas experiências, que são escritas no vernáculo e podem não ser tão profissionais, mas espero que seja útil que todos entendam alguns conceitos de angularJs.
Este local é usado como um serviço, como um parâmetro da função de retorno do controlador na injeção de dependência. A seguir, é apresentado um exemplo para explicar o uso deste serviço.
Seção 1: Obtenha informações de URL
A localização fornece alguns métodos getter e setter, como absurl, caminho, protocolo, host, porta. A explicação específica é que esses são os nomes de funções das funções de endereço de link fornecidas pela & Location. Se essas funções não passarem em nenhum parâmetros quando usadas, significa obter as informações atuais da URL; Se alguns parâmetros forem transmitidos, significa definir as informações de URL no navegador atual.
Exemplo 1
<! Doctype html> <html ng-app = "locationApp"> <head lang = "en"> <meta charset = "utf-8"> <title> </title> </ad Head> <corpo ng-controller = "LocationController"> <p> absurl ----------- {{absurl}} </p> <p> caminho --------------- {{path}} </p> <p> pro tocol ----------- {{protocol}} </p> <p> host ---------------- {{host}} </p> <p> porta -------------- {{porta}} </p> <script src = "angular.js"> </cript> <cript> var locationApp = angular.module ('locationApp', []); LocationApp.Controller ('LocationController', ['$ scope', '$ location', função ($ scope, $ location) {$ scope.absurl = $ location.absurl (); $ scope.path = $ scound.path.hath (); }]); </script> </body> </html>Na captura de tela, pode -se ver claramente que o método Getter fornecido pelo Serviço de Localização $ pode obter facilmente as informações atuais da URL do navegador L.
Os alunos cuidadosos podem ter visto esse caminho, por que não há valor?
Isso ocorre porque não há informações de caminho no endereço do link. Se definirmos manualmente uma informação de caminho através do método PATH () e atualize o navegador (o endereço da URL do navegador é a informação que você modificou quando é atualizada e não mudará), veremos as informações do caminho. Há fotos e verdade!
Exemplo 2
$ local.Path ('detalhe');
$ scope.path = $ location.path ();
A partir da pequena modificação acima, modifiquei o código e modifiquei primeiro o valor de seu atributo de caminho no serviço interno do $ Location (sua essência é um objeto, que contém muitos atributos sobre as informações da URL).
Em seguida, obtenha o novo valor através do método getter.
Além disso, como as informações da URL que servem a barra de endereços do navegador são a ligação bidirecional (esta é a parte mais requintada do AngularJS), independentemente dos atributos do objeto de localização ou da barra de endereço do navegador, desde que a informação da URL de uma parte mude, a outra parte também mudará. Então, vi que também há informações de caminho como detalhes na barra de endereços do navegador na captura de tela. Esta informação foi definida através do código antes.
Sobre a implementação do AngularJS da função de exibição de paginação será apresentada a você no próximo artigo, espero que você não perca.