En este artículo vamos a ver qué es FormControlDirective en Angular 10 y cómo usarlo.
FormControlDirective se utiliza para sincronizar una instancia independiente de FormControl con un elemento de control de formulario
<form [FormControlDirective] ="name">
Exportado desde:
- ReactiveFormsModuleReactiveFormsModule
Selectores:
- [Control de formulario]
Acercarse:
- Cree la aplicación Angular que se utilizará
- En app.component.ts crea un objeto que contenga un valor para la entrada.
- En app.component.html use FormControlDirective para obtener valores.
- Sirva la aplicación angular usando ng serve para ver el resultado.
Ejemplo:
app.component.ts
import { Component, Inject } from '@angular/core';
import { FormGroup, FormControl, FormArray } from '@angular/forms'
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
geek: FormControl = new FormControl('');
}
app.component.html
<br>
<input [formControl]="geek">
<p>Value: {{ geek.value }}</p>
Producción:
Referencia: https://angular.io/api/forms/FormControlDirective