Please enable JavaScript.
Coggle requires JavaScript to display documents.
Angular Professional (balta.io) (ReactiveForm (Criar variável do tipo…
Angular Professional (balta.io)
CLI = Linha de comando
TypeScript
Transpilação para JavaScript
tslint.json = Sugestões de codificação do TypeScript
tsconfig.json = Configurações de compilação (ex.: versão do Ecmascript)
package.json = Dependências do projeto
package-lock.json = Dependências locais
angular.json = Configurações do Angular
node_modules = Não vai para o servidor
e2e = end to end = Testes da aplicação
src = Código fonte
#
"spec" = Relacionado a testes
tsconfig.app.json = Configurações da aplicação (TypeScript)
test.ts = Carregar os testes do app
polyfills.ts = Carregamento dos módulos da aplicação
mains.ts = Arquivo principal / Sempre é chamado quando o app inicia
environments = variaveis de ambiente
Pasta app = Pasta principal / Módulos e componentes
modules e components
Ao menos um module e um components
Component = classe
Desenvolvimento
Importações com @ indicam que são importações externas à aplicação
@ também podem indicar decorators
export = torna a classe pública
Suporte ao browser-likn = Ao salvar o código a aplicação já é automaticamente compilada
&& databinding (lê-se: tow e databinding)
O que é alterado no javascript é alterado na tela e o que é alterado na tela é alterado no javascript
() HTML > TS | [] TS > HTML | [()] TS <> HTML
Maior cuidado com o desempenho pois roda no cliente
ReactiveForm
Módulo
Importar no module da página
Criar variável do tipo FormGroup
Ligar ao html [formGroup] = variavelForm
Construir o formulário (FormBuilder)