Directiva de módulo de formularios angulares

En este artículo vamos a ver qué es FormsModule en Angular 10 y cómo usarlo.

FormsModule se utiliza para realizar todas las importaciones necesarias para la implementación de formularios.

Sintaxis:

import { FormsModule } from '@angular/forms';

Acercarse: 

• Cree una aplicación Angular para usar.
• En app.component.ts importe formularios desde FormsModules.
• En app.component.html, crea un formulario usando FormsModule.
• Sirva la aplicación angular usando ng serve para ver el resultado.

Ejemplo 1:

import { NgModule } from '@angular/core';
  
// Importing forms module
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from 
    '@angular/platform-browser/animations';
   
import { AppComponent }   from './app.component';
   
@NgModule({
  bootstrap: [
    AppComponent
  ],
  declarations: [
    AppComponent
  ],
  imports: [
    FormsModule,
    BrowserModule,
    BrowserAnimationsModule,
  ]
})
export class AppModule { }

<form #gfgform = "ngForm">
  {{ gfgform.value | json }}
  <br>
  <br>
  Name: <input type="text" name = 'name' ngModel>
  Roll: <input type="text" name = 'roll' ngModel>
</form>

Producción:

Referencia: https://angular.io/api/forms/FormsModule