Formes angulaires FormControlDirective – GeeksforGeeks

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

Afficher la discussion

Améliorer l’article

Enregistrer l’article

J’aime l’article

Dans cet article, nous allons voir ce qu’est FormControlDirective dans Angular 10 et comment l’utiliser.

La FormControlDirective est utilisé pour synchroniser une instance FormControl autonome avec un élément de contrôle de formulaire

<form [FormControlDirective] ="name">

Exporté depuis :

Sélecteurs :

Approcher:

  • Créer l’application Angular à utiliser
  • Dans app.component.ts, créez un objet contenant une valeur pour l’entrée.
  • Dans app.component.html, utilisez FormControlDirective pour obtenir des valeurs.
  • Servez l’application angulaire en utilisant ng serve pour voir la sortie.

Exemple:

app.component.ts

import { Component, Inject } from '@angular/core';

  import { FormGroup, FormControl, FormArray } from '@angular/forms'

  @Component({

    selector: 'app-root',

    templateUrl: './app.component.html',

    StyleUrl : [ './app.component.css' ]

  })

  export class AppComponent  {

    geek: FormControl = new FormControl('');

  }

app.component.html

<br>

<input [formControl]="geek">

 

 

<p>Value: {{ geek.value }}</p>

Production:

ngformcontroldir

Référence: https://angular.io/api/forms/FormControlDirective

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *