Как получить подтверждение выбора в зависимости от другого выбора

Question

У меня есть список врачей.И у каждого доктора свои процедуры.Как я могу применить процедуры выбранного врача для выбора процедур.

html

        <div class="form-group">
            <label for="doctors">Doctor</label>
            <select [formControl]="selectControl" class="form-control" id="doctors">
                <option value="doctor"*ngFor="let doctor of doctors">{{doctor.username}}</option>
              </select>
        </div>

        <div class="form-group">
            <label for="procedures">Select Procedure</label>
            <select *ngIf="selectControl.valid" class="form-control" id="procedures">
                <option *ngFor="let p of selectControl.value.procedures">{{p}</option>
              </select>
        </div>

.ts

selectControl: FormControl = new FormControl();

Answer 1

Для элемента управления select значение параметра должно быть привязано к [ngValue] вместо свойства value.

Вот рабочий образец , показывающий, как связываться с doctors массив, а затем, как получить значение selectedProcedure.

PS. Вместо создания formControl лично мне удобнее использовать formBuilder