Mudanças entre as edições de "Angular:ReactiveForms"

De BrapciWiki
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

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