npm install -g @angular/cli@latest
ng --version
ng new nome-do-projeto
ng serve
ng serve --port 8080 --host 0.0.0.0
ng test
ng build
Versão | Arquivo de configuração |
---|---|
13 | angular.json |
Definição básica
Conteúdo | Arquivo |
---|---|
CSS | app.component.css |
HTML | app.component.html |
Testes | app.component.spec.ts |
Componente | app.component.ts |
Configuração do módulo | app.module.ts |
Módulo -> Componente -> Serviço
ng g module nome-do-modulo
ng g component local/nome-do-componente
Regras de negócio e chamadas de API.
ng g service local/nome-do-servico
O g nos comandos é de generate. Os serviços devem ser registrados como Providers.
Por convenção, cria-se uma pasta chamada Shared que conterá todas as classes que serão compartilhadas com outros módulos.
Bloco de código que adiciona um comportamento para um componente. Gera um atributo para uma tag.
ng g directive local/nome-da-diretiva
Bind duplo = Two way binding através do [(ngModel)]
É um objeto padrão do navegador para a passagem de eventos.
Superset do Javascript https://www.typescriptlang.org/
export class Tarefa {
constructor(
public id?: number,
public nome?: string,
public concluida?: boolean
) { }
}
A "?" indica que o atributo é opcional na chamada do construtor.
Empacotador de módulos que gera static assets. https://webpack.js.org/
npm install --save bootstrap@3