Javascript 通过html数据列表和*ngFor显示一个值并提交另一个值

我正在使用

和

*ngFor

功能创建一个自动完成文本框，但是我正在使用的代码显示我声明为

[值]

的内容以及我在

标记之间输入的内容

这是当自动完成出现时我得到的视图：

从代码行：

我希望自动完成框只显示

{{d.val}

，但在提交表单时提交

{{d.name}}

为什么它同时显示

{{d.val}

和

{d.name}

，有没有一种方法可以让我显示一个并提交另一个？

根据定义，标签将在选择列表中呈现每个

选项的
值
属性，然后您另外显示
{d.val}
作为标签（aame作为设置
标签
属性）。还有，看看这个

datalist
的行为与
select
不同。如果不编写额外的javascript代码，就不可能有不同的显示/提交值
 是的，我同意也许您可以使用其中一个自动完成小部件，例如，或者，您可以按名称进行映射。显示值应该是唯一的？！