1

Este es mi html:

 <div class="col-lg-4 col-md-4 col-sm-12 mt-4">
                    <div class="form-group">
                        <select class="form-control" id="operator-groups" formControlName="operators">
                            <option disabled selected value>Seleccione</option>
                            <option *ngFor="let operator of operators; let i = index;">{{operator.desc}}</option>
                        </select>
                    </div>
                </div>

Este es mi component:

this._operatorgroups.index().subscribe(res => {
      let operators = <OperatorGroups[]>res;
      this.operators  = operators;
      this.registerForm.controls['operators'].setValue(res[1].desc);
    });

Gracias!

3
  • En tu HTML tienes la primera opción como selected... Commented el 26 nov. 2018 a las 15:33
  • La primera option es para dar una explicacion sobre que es
    – David
    Commented el 26 nov. 2018 a las 15:35
  • Lo que quieres es inicializar el valor del select, no? Pareces que lo estás haciendo en dos sitios Commented el 26 nov. 2018 a las 16:01

1 respuesta 1

1

La forma de trabajar con select es usando ngValue:

<div class="col-lg-4 col-md-4 col-sm-12 mt-4">
    <div class="form-group">
        <select class="form-control" id="operator-groups" formControlName="operators">
            <option disabled selected value>Seleccione</option>
            <option *ngFor="let operator of operators" [ngValue]="operator">{{operator.desc}}</option>
        </select>
    </div>
</div>

De este modo, el value en el form control no usa ningún atributo de operator, usa todo el objeto operator, lo que puede ser muy cómodo:

this._operatorgroups.index().subscribe((operators :OperatorGroups[]) => {

  this.operators  = operators;
  this.registerForm.controls['operators'].setValue(operators[1]);
});

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.