要修复的数据列表显示值

Question

我创建了一个输入，其中的值来自数据列表。数据列表同时显示站点名称和站点ID。如何仅显示station name，但以角度显示的值为station id

  <input type="text" list="origins" placeholder="Origin" formControlName="origin">
    <datalist id="origins">
      <option *ngFor="let station of responseData.data.stations" value={{station.id}}>
        {{station.name}}
      </option>
    </datalist>

Answer 1

您需要将station.id绑定到value属性

 [value]={{station.id}}