Angular:ReactiveForms

De BrapciWiki
Ir para navegação Ir para pesquisar

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