首页 > 解决方案 > 如何使用角度更新下拉列表的值?

问题描述

我想将值更新到下拉列表中,但是当我单击表单时,值更改为 null。知道添加工作正常。任何人都可以帮助我吗?这是我的html代码:


    <div class="form-group">
        <label for="service">Service</label>
       <select id="service" class="form-control" ngModel="{{editPersonne?.service}}" name="serviceId">
            <option value="">Service</option>
      <option value="service.id" *ngFor="let service of services" >{{service.designation}}</option>
        </select>

    </div>

标签: mysqlangularspring-bootfrontenddropdown

解决方案


你应该使用变量

<div class="form-group">
   <label for="service">Service</label>
     <select id="service" class="form-control" [(ngModel)]="{{editPersonne?.service}}" name="serviceId">
        <option value="">Service</option>
        <option [value]="service.id" *ngFor="let service of services" >{{service.designation}}</option>
     </select>
</div>

或者

<div class="form-group">
   <label for="service">Service</label>
     <select id="service" class="form-control" ngModel="{{editPersonne?.service}}" name="serviceId">
        <option value="">Service</option>
        <option value="{{service.id}}" *ngFor="let service of services" >{{service.designation}}</option>
     </select>
</div>

推荐阅读