Html 如何根据其他选择获取验证选择

我有一份医生名单。每个医生都有自己的程序。如何将所选医生程序应用于程序选择

html

---

对于

选择

控件，选项值必须绑定到

[ngValue]

而不是

值

属性

下面是一个工作示例，演示如何绑定到

医生

数组，然后如何检索

selectedProcedure

的值

PS-我个人觉得使用它比创建

表单控件更方便

        <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>

selectControl: FormControl = new FormControl();