javascript - 如何使用 Angular5/6 显示下拉菜单中选定的项目？

Question

我想根据 id 在下拉列表中显示所选项目。

<div class="formrow" *ngFor='let a of applicantName'>
  <label>Status Selection :</label>
  <select id="AStatus" formControlName="AStatus" class="form-control">
    <option value="0">All</option>
    <option *ngFor="let apt of applicantStatus" [value]="apt.ApplicantStatusID" [selected]="apt.ApplicantStatusID === a.Status">
      {{ apt.ApplicantStatus }}
    </option>
  </select>
</div>

此代码不起作用，并且未显示所选选项。

Answer 1

value 应设置为 select 而不是 option。

<div class="formrow" *ngFor='let a of applicantName'>
  <label>Status Selection :</label>
  <select id="AStatus" [value]="apt.ApplicantStatusID" formControlName="AStatus" class="form-control">
    <option value="0">All</option>
    <option *ngFor="let apt of applicantStatus" [value]="apt.ApplicantStatusID">
      {{ apt.ApplicantStatus }}
    </option>
  </select>
</div>