角6选择框默认添加第一个值

Question

我正在使用角度6。

<select  class="form-control"  id="requestPerson" 
         [(ngModel)]="addRequisitionss.requestPerson"
         name="requestPerson" #workType="ngModel" required >
    <option  *ngFor="let person of RequestPerson"  >
        {{person.requestedPerson}}
    </option>
</select>

当我执行上面的代码时，输​​出看起来像

默认情况下，我需要显示选项列表的名字（sadique）。有什么建议吗？

Answer 1

由于选择是由ngModel绑定的，因此您只需设置 addRequisitionss.requestPerson与第一个选项具有相同的值。

以ts

this.addRequisitionss.requestPerson = this.RequestPerson[0] ? this.RequestPerson[0].requestedPerson || '';

此外，您必须为每个选项赋予value属性

<select class="form-control" id="requestPerson" [(ngModel)]="addRequisitionss.requestPerson" name="requestPerson" #workType="ngModel" required >
       <option  *ngFor="let person of RequestPerson"  value="{{person.requestedPerson}}">
             {{person.requestedPerson}}
       </option>
</select>