Angular 2/4 - Apresentando o Angular CLI - V
Neste artigo vou apresentar o Angular CLI a ferramenta de linha de comando para automatizar o desenvolvimento de aplicações Angular 2/4. Adicionando um novo module. |
Vamos continuar adicionando recursos em nossa aplicação Angular, criada na primeira parte do artigo, usando o Angular CLI.
Neste artigo vamos adicionar um module.
Um module é um mecanismo para agrupar components, directives , pipes e services relacionados, de forma a combinar com outros módulos para criar um aplicativo. Uma aplicação angular pode ser pensada como um quebra-cabeça onde cada peça (ou cada módulo) é necessária para poder ver a imagem completa.
Adicionando um module
Para adicionar um novo module chamado AdminModule em sua aplicação execute o seguinte comando : ng generate module admin
O
Angular CLI irá ajustar automaticamente as letras do nome do arquivo e do
nome do module para você, então os seguintes comandos têm o mesmo efeito:
ng generate module admin
ng generate module Admin
Veja na figura abaixo o arquivo de modulo admin.module.ts gerado na pasta src\app\admin e ao lado a classe AdminModule criada neste arquivo:
Nos bastidores, acontece o seguinte:
- uma
nova pasta camada admin será criada em src/app;
- um
arquivo src/app/admin/admin.module.ts é criado e neste arquivo temos a
definição da classe AdminModule;
Observe que o módulo AdminModule não é adicionado automaticamente ao seu módulo principal AppModule existente na pasta src/app/app.module.ts.
Cabe a você importar o módulo onde você precisa conforme mostra a figura abaixo:
Opções disponíveis
--routing: boolean, default false, gera um
module adicional com apenas a informação de roteamento e a adiciona com um
import no novo module.
--spec: boolean, default false, inclui um
arquivo src/app/admin/admin.module.spec.ts com testes unitários;
--help : vê todas as opções disponíveis do
Angular CLI
Exemplo:
Gerar um modulo admin com informação de roteamento : ng generate
module admin --routing
No próximo artigo vamos adicionar um novo pipe ao nosso projeto.
O Senhor reinará eterna e perpetuamente; Êxodo 15:18
Referências:
AngularJS - Conceitos Básicos - YouTube (série de 13 vídeo aulas sobre o Angular)
Visual Studio - Bem-Vindo Node.js : desenvolvendo para Node.js na plataforma .NET