Utilizzare le template variable di Angular per abilitare un pulsante in base allo stato della form

di Stefano Mostarda, in HTML5, Angular,

Nelle form di angular possiamo assegnare la direttiva ngForm a una variabile che viene definita template variable. La direttiva ngForm contiene i dati sullo stato della form e quindi la variabile a cui la assegnamo ci permette di usare questi dati. Una delle proprietà dello stato della form è il suo stato di validazione espresso dalla proprietà valid. Possiamo utilizzare questa proprietà in binding con lo stato del pulsante per abilitarlo o meno a seconda che la form sia valida.

<form #frm="ngForm">
  <!-- campi form -->
  <button class="btn btn-primary" [disabled]="!frm.valid">Save</button>
</form>

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi