显示一个值并通过html datalist和* ngFor提交另一个值

Question

我正在使用带有<datalist>功能的*ngFor创建一个自动完成文本框，但我正在使用的代码显示我声明为[value]以及我在<option>标签之间输入的内容...

Here is the stackblitz

这是自动填充功能存在时的结果：

从代码行：

我原本期望自动完成框只显示{{d.val}}，但在提交表单时提交{{d.name}}。

为什么它显示{{d.val}}和{{d.name}}，有没有一种方法可以显示一个并提交另一个？

Answer 1

根据定义，datalist标签将在选择列表中呈现每个value的option属性，然后您另外显示{{d.val}}作为标签（设置label属性）。另外，请看这个answer。

datalist表现得与select不同。如果不编写额外的javascript代码，就无法为其提供不同的显示/提交值。