AngularJS tem várias características principais, como:
1 MVC
2 modular
3 sistema de comando
4 Videira de dados bidirecional
Então, vamos dar uma olhada na modularização dos angulares.
Primeiro, vamos falar sobre por que você precisa implementar a modularidade:
1 Reutilização adicionada de módulos
2. Defina módulos para realizar a personalização da ordem de carregamento
3 Em testes de unidade, tudo não precisa ser carregado
Nos exemplos anteriores, o código do controlador é escrito diretamente na tag de script, para que as funções declaradas sejam globais, o que obviamente não é a melhor escolha.
Vamos ver como modularizar:
<script type = "text/javascript"> var myAppmodule = angular.module ('myApp', []); myAppmodule.filter ('teste', function () {return function (nome) {return 'hello,'+name+'!';};}); MyAppmodule.Controller ('MyAppCtrl', ['$ SCOPE', função ($ scope) {$ scope.name = 'xingoo';}]); </script>Primeiro, crie o módulo MyAppmodule através da variável global Angular
angular.module ('myApp', []);
O primeiro parâmetro é o nome do aplicativo de aplicativo encadernado, que identifica o ponto de entrada do angular na página, semelhante à função da função principal.
O segundo parâmetro [] identifica o módulo dependente.
Vamos dar uma olhada em como usar o módulo!
<! doctype html> <html ng-app = "myApp"> <head> <meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </sCript> </ad Head> <body> <div ng-controller = "myAppctrl"> {{Nome | teste}} </div> <script type = "text/javascript"> var myAppmodule = angular.module ('myApp', []); myAppmodule.filter ('teste', function () {return function (nome) {return 'hello,'+name+'!';};}); MyAppmodule.Controller ('MyAppCtrl', ['$ SCOPE', função ($ scope) {$ scope.name = 'xingoo';}]); </script> </body> </html>Basta ligar o MyApp a Ng-App e está tudo bem.
No script, criamos um filtro e um controlador através de módulos.
O objetivo do filtro é adicionar modificação da string.
A função do controlador é inicializar a variável.
Os resultados em execução do programa são os seguintes:
O exposto acima é a informação modular de classificação de angulares. Continuaremos a adicionar informações relevantes no futuro. Obrigado pelo seu apoio a este site!