html - Angular 5数据列表需要在点击时显示描述需要发送值

Question

我正在使用 angular 5 中的 datalist 来实现下拉等一项功能。

最初我在数据列表中加载描述和值。但是当我从数据列表中选择描述时，它会在文本框中显示该描述的值。单击按钮时，我不想在文本框中显示描述，而是需要发送该描述的值。

我的代码

<Input type="text" list="data" id="test">
<datalist id="data">
<option *ngFor="let data of test" [value]="data.id">{{data.description}}</option>
</datalist>

目前，如果我在 datalist 中选择选项，它会在文本框中显示 id 的值。而不是我需要显示描述。然后单击时，我必须以选择框之类的形式发送 id 的值。

提前致谢。

标签： htmldrop-down-menuangular5datalisthtml-datalist