¿Cómo obtener el valor del formulario en Angular?

En este artículo, vamos a ver cómo obtener valor del formulario en Angular 10. Usaremos la propiedad de valor AbstractControl para obtener el valor del formulario en un objeto.

Sintaxis:

form.value

Valor devuelto:

• objeto: es un objeto que contiene un valor de forma

Acercarse: 

• Cree la aplicación Angular que se utilizará
• En app.component.html crea un formulario usando la directiva ngForm.
• Ahora obtenga el valor usando la propiedad de valor AbstractControl
• 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 #gfg = "ngForm">
      
    <br>
    <br>
    Name: <input type="text" name = 'name' ngModel>
    Date: <input type="date" name = 'date' ngModel>
</form>
{{ gfg.value | json }}

Producción:

Referencia: https://angular.io/api/forms/AbstractControlDirective#value