Angular下拉菜单-反应格式页面

Question

我试图显示一个下拉菜单，但是由于某些原因，选项列表没有填充。如果我直接在html中显示user.repList，它将正确显示，因此我知道列表不为空。我一定打错了表格，但是我不知道怎么办。我究竟做错了什么？

模型

//initializes form which contains
repList: new FormControl(this.user.repList)         

查看

<form [formGroup]="editUserForm" (ngSubmit)="onSubmit()">
<label>Choose Rep</label>
<select class="form-control" formControlName="repList" required>
    <option *ngFor="let p of repList" [value]="p">{{p}}</option>
</select>
</form>

Answer 1

要显示选择下拉列表，您需要循环user.repList。

<form [formGroup]="editUserForm" (ngSubmit)="onSubmit()">
<label>Choose Rep</label>
<select class="form-control" formControlName="repList" required>
    <option *ngFor="let p of user.repList" [value]="p">{{p}}</option>
</select>
</form>

FormControl必须具有默认值/选定值。

repList: new FormControl('');