No final, essa estrutura simples tem apenas a parte de controle de JS. A estrutura angular tem sua própria parte lógica, seu próprio controlador e camada de serviço. Como podemos usar alguns recursos internos e cookies do Angular, precisamos adicionar alguns bibliotecas angulares:
--------------------------------------------------------------------------------------------------------------------------------------------------
<script src = "lib/angular/angular-strap.js"> </script> <script src = "lib/angular/angular-resource.js"> </script> <script src = "lib/angular/angular-corookies.js"> </script>
Primeiro veja nossos serviços.js
'Use rigoroso'; / * Serviços */ // demonstra como registrar serviços // Nesse caso, é um serviço de valor simples. var Services = angular.module ('jthink.services', ['ngresource']). valor ('versão', '1.0'); Serviços.Factory ('LogInservice', ['$ Resource', function ($ Resource) {return $ Resource ('Fakedata/userLogin.json', {}, {login: {método: 'get', params: {}, isarray: false}});}]);Aqui usamos o modo de fábrica e, de fato, finalmente fornecemos um método de login para chamar a camada do controlador. Vamos dar uma olhada neste controladores.js
'Use rigoroso'; / * Controladores */ var controladores = angular.module ('jthink.controllers', []); controllers.Controller ('Loginctrl', ['$ scope', 'LogInservice', função ($ scope, logInservice) {$ scope.login = {}; $ scope.login.subMit = function.log (console.log.log.ogin.mail); Camada de serviço LogInservice.Login ({}, {email: $ scope.login.email, senha: $ scope.login.password}, function (success) {if (success.status == "success") {alert ('login success');Aqui temos que fazer uma lógica simples, e o mais importante é chamar o método de login fornecido pela camada de serviço.
Alguns outros módulos podem ser escritos nesse padrão. Devido a restrições de tempo, muitos detalhes não serão escritos nesta estrutura simples. Se você quiser saber sobre os específicos, peça -me essa estrutura em particular. Eu basicamente os escrevi na íntegra. . . . .
O exposto acima é o código para a construção da parte do JS front-end do AngularJS Bootstrap. Continuaremos a adicionar informações relevantes no futuro. Obrigado pelo seu apoio a este site!
Artigos relacionados:
O Bootstrap AngularJS está equipado com a estrutura do front -end - JS Control Part
O Bootstrap AngularJS está equipado com estrutura front -end - Página básica
Bootstrap AngularJS equipado com estrutura de front -end - trabalho de preparação
AngularJS Bootstrap Explicação detalhada e código de amostra