Reactive Forms Resume

Reactive Forms

Como primera practica vamos a realizar Forms que se puedan controlar de forma mas efectiva desde el archivo.ts . Para lograrlo usaremos el siguiente ejemplo como guía:

<form [formGroup]="searcherForm">

   <div>

      <label for="icicloEscolar">Nombre:</label>

      <div class="col-md-3">

         <select id="icicloEscolar" class="form-control" formControlName="nombreCtrl" (change)="nombreChanged()">

            <option [ngValue]="null" *ngIf="!nombreCtrl.value">Seleccionar una opci&oacute;n

            </option>

         </select>

         <ngb-progressbar type="info" [value]="100" [striped]="true" [animated]="true" height="3px"

            *ngIf="nombresLoading"></ngb-progressbar>

      </div>

   </div>

</form>