使用HTML5数据列表的Aurelia绑定行为

在这个gist（）中，selectedValue不应该有“option json object”的值？ 在datalist元素内部的option html元素上绑定model.bind似乎与在select元素内部的工作方式不同。

---

谢谢。

绑定系统没有输入+数据列表的特殊逻辑。使用

输入很容易添加。委托

绑定：

app.html

${option.name}
${selectedValue}

app.js

导出类应用程序{
selectedValue=null；
选项=[{id:1，名称：'one'}，{id:2，名称：'two'}]；
findOption=value=>this.options.find（x=>x.name==value）；
}

---

用户可以自由输入任何他们想要的内容，甚至是与数据列表中的建议不匹配的内容，因此您需要为此进行规划。

绑定系统没有针对输入+数据列表的特殊逻辑。使用

输入很容易添加。委托

绑定：

app.html

${option.name}
${selectedValue}

app.js

导出类应用程序{
selectedValue=null；
选项=[{id:1，名称：'one'}，{id:2，名称：'two'}]；
findOption=value=>this.options.find（x=>x.name==value）；
}

---

用户可以自由输入他们想要的任何内容，甚至是与数据列表中的建议不匹配的内容，因此您需要为此制定计划。

谢谢您，Jeremy。但我无法展示一件事，并将模型与另一件绑定在一起？在我们正在构建的应用程序中，所讨论的“名称”属性有时会很大，因此我希望避免通过匹配名称进行搜索……我开始考虑数据集可能不是合适的元素来使用，在我们的例子中……在代码中，<代码>选择值> /代码>被分配了一个对象（选项之一）。您需要提出一种机制，将输入值（字符串）映射到特定的选项对象。我创建了一个函数，在我的示例中找到了具有匹配名称的选项。据我所知，这是无法避免的。datalist元素不会引发任何事件，输入元素的输入/更改事件不会告诉您何时选择了datalist选项与标准数据输入。谢谢，Jeremy。但我无法展示一件事，并将模型与另一件绑定在一起？在我们正在构建的应用程序中，所讨论的“名称”属性有时会很大，因此我希望避免通过匹配名称进行搜索……我开始考虑数据集可能不是合适的元素来使用，在我们的例子中……在代码中，<代码>选择值> /代码>被分配了一个对象（选项之一）。您需要提出一种机制，将输入值（字符串）映射到特定的选项对象。我创建了一个函数，在我的示例中找到了具有匹配名称的选项。据我所知，这是无法避免的。datalist元素不会引发任何事件，输入元素的输入/更改事件不会告诉您何时选择了datalist选项而不是标准数据输入。