Mudanças entre as edições de "Angular:ReactiveForms"
Ir para navegação
Ir para pesquisar
| Linha 1: | Linha 1: | ||
=ReactiveFormsModule= | =ReactiveFormsModule= | ||
No app.module.ts | No app.module.ts | ||
| − | import { ReactiveFormsModule } from '@angular/forms'; | + | import { FormsModule, ReactiveFormsModule } from '@angular/forms'; |
@NgModule({ | @NgModule({ | ||
Edição atual tal como às 11h14min de 24 de fevereiro de 2024
Índice
ReactiveFormsModule
No app.module.ts
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
ReactiveFormsModule,FormsModule
],
providers: [],
bootstrap: [AppComponent]
})
Criar a classe que será o modelo do formulário
ng g class clientes/shared/cliente
Defina os fields
export class Cliente {
nome: string = ;
tipo: number = 1;
genero: number = 1;
dataNascimento: Date = null;
observacao: string = ;
inativo: boolean = false;
}
Criar o componente com o formulário
ng g component clientes/formulario