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... el 26 nov. 2018 a las 15:33
  • La primera option es para dar una explicacion sobre que es
    – David
    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 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 that you have read and understand our privacy policy and code of conduct.

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