Как мне установить значение опций выбора в Angular 7?

Question

Проблема в том, что когда я хочу изменить значение, всегда отображается первая опция.

Это мой 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>

Это мой компонент:

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

Спасибо!

Answer 1

Вы можете использовать [selected]="condition that will result true for the option you want default"

Например, если вы хотите 1-й индекс (на основе вашего кода в компоненте), вам нужно сделать следующее:

<option *ngFor="let operator of operators; let i = index;" [selected] = "i==1">{{operator.desc}}</option>

Другой пример: если вы хотите, скажем, выбрать оператор desc 'xyz', вам нужно сделать следующее:

 <option *ngFor="let operator of operators; let i = index;" [selected] = "operator.desc == xyz">{{operator.desc}}</option>