Módulo AngularJS - javascript, angularjs, module

Eu sou novo em AngularJS.Estou aprendendo AngularJS. Eu encontrei abaixo da sintaxe.

var app = angular.module("myApp", ["ngRoute"]);

Aqui está a minha pergunta é o que significa por [] este colchete?

Quais são as funcionalidades / responsabilidades de myApp e ngRoute ?? O que eles estão fazendo aqui ??

Quais opções estão disponíveis para uso como ngRoute ??

Eu procurei muito no Google. Eu tenho vários códigos de exemplo. Mas não consegui nenhuma explicação sobre todas essas coisas.

Thnanks

Respostas:

2 para resposta № 1

De acordo com o angular module guia do desenvolvedor encontrado aqui: https://docs.angularjs.org/guide/module

<div ng-app="myApp">
<div>
{{ "World" | greet }}
</div>
</div>


var myAppModule = angular.module("myApp", []);

• A referência ao módulo myApp no <div ng-app="myApp">. Isto é o que bootstraps o aplicativo usando o seu módulo.
• O array vazio em angular.module("myApp", []). Este array é a lista de módulos dos quais o myApp depende.

---

Eu sugiro que você leia a documentação oficial também: https://docs.angularjs.org/api/ng/function/angular.module

---

2 para resposta № 2

Basicamente [] significa a lista de módulos, o seu módulo depende.

Suponha que você escreva um módulo angular myApp isso depende ngRoute esse é outro módulo angular.

Os benefícios de que você pode injetar um monte de módulo angular de terceiros que funciona em diferentes áreas diferentes. Então você não precisa reinventar a roda. Ao injetar ngRoute você pode facilmente obter a funcionalidade de roteamento no seu aplicativo.

Eu acho que a descrição que eu escrevo ajuda você a entender claramente

---

2 para resposta № 3

Em javascript, você pode definir um array como este:

var arr = [];

a [] aqui é o mesmo que o [] em torno de "ngRoute", que significa o segundo parâmetro de angular.module() método é uma matriz.

você pode definir um módulo assim também:

var app = angular.module("awesomeApp", ["ngRoute", "ngAnimate", "ngXXX"]);

o primeiro param "awesomeApp" é o nome do seu módulo, o segundo param [ngRoute", "ngAnimate", "ngXXX"] é as dependências do seu módulo.

Aqui, a dependência fornecerá algumas interfaces, recursos, funções ou qualquer material que ajudará você a fazer com que seu módulo funcione como sua expectativa.

---

0 para a resposta № 4

O que você passa como segundo argumento é a lista de suas dependências.

Em um aplicativo básico, seria apenas uma matriz vazia.

var app = angular.module("myApp", []);

Basicamente pode ser qualquer coisa, desde os plugins de terceiros que você baixar para outros plugins que você mesmo escreveu para usar. Você pode encontrar muitos plugins aqui: http://ngmodules.org/

Eu sugiro que você leia o angular documentos oficiais.

---

0 para a resposta № 5

Essa sintaxe define um módulo.

var app = angular.module("myApp", ["ngRoute"]);

myApp este é o nome do aplicativo, isso é apenas uma string.

[ngRoute] dentro dos colchetes são os módulos que você gostaria de injetar (a noção de injeção de dependência). Alguns comuns que você pode ter visto ou verá incluem ui.bootstrap, restangular, ui.select etc.

Duas coisas que vale a pena mencionar:

1. Por favor, tome cuidado para não misturá-lo com a sintaxe de referência do módulo (sem os colchetes):

Definição de módulo

angular.module("myApp", []);

Referência de módulos

angular.module("myApp");

2. Normalmente, é melhor praticar simplesmente escrever a definição do módulo em vez de atribuí-la a uma variável, como em

Definição de módulo

angular.module("myApp", []);

ao invés de

var app = angular.module("myApp", ["ngRoute"]);

Você pode dar uma olhada no guia de estilo do Papa John para mais informações.

https://github.com/johnpapa/angular-styleguide

Espero que isto ajude. :)

---