Как поставить значение по умолчанию angular выбрать?

Question

Проблема:

В моем приложении angular я использую HTML выберите. Я хочу поставить значение по умолчанию для моего выбора. Это мой код выглядит.

<div class="form-group" >
              <label>Receiver :</label>
              <div class="input-group input-group-alternative mb-3">
                <select class="custom-select" id="agent" formControlName="userid" *ngIf="!type"  >
                    <option value="0" [selected]="0">Select Reciver</option>
                  <option *ngFor="let agent of agents" [ngValue]="agent.agentId">{{agent.firstName}} {{agent.lastName}}-
                    {{agent.area}}</option>
                </select>
                <select class="custom-select" id="agent" formControlName="userid" *ngIf="type" [value]='0' >
                    <option value="0">Select Reciver</option>
                    <option *ngFor="let farmer of farmers" [ngValue]="farmer.farmerId">{{farmer.firstName}} {{farmer.lastName}}</option>
                  </select>
              </div>
            </div>

Я попробовал почти все ответы на этот конкретный вопрос.

Выберите значение параметра по умолчанию из машинописи angular 6

Но, похоже, ничего не работает. Может кто-нибудь помочь мне решить эту проблему? Спасибо

Answer 1

Поскольку вы используете Reactive Forms (потому что я вижу, что у вас есть formControlName="userid" там), тогда вы можете установить значение по умолчанию при создании элемента управления "userid" следующим образом:

myForm = this.fb.group({
  userid: ['default_value']
})

Если вы вместо этого использовался конструктор FormControl, тогда первый аргумент является значением по умолчанию:

userid = new FormControl('default_value');

Посмотрите документы для Реактивные формы здесь .