有没有办法覆盖Angular datalist自动完成行为?

时间:2017-06-21 13:42:14

标签: javascript html css angularjs html-datalist

我有一个datalist的基本实现,其中选项是在用户输入时从数据库搜索动态生成的。但是,由于查询与其文档正文中的字段匹配,因此某些建议不会在其选择值中包含查询字符串。

例如:' ap'中的用户类型;传递给datalist选项的建议列表可能是[' apple','水果沙拉'作为'水果沙拉'可能包含' apple'在儿童领域。然而,水果沙拉'不会作为用户的选项显示,因为其短语不包含查询字符串' ap'。

有没有办法覆盖这种默认行为?如果没有,那么什么可能是一个快速的选择(或者最好为它定义一个自定义指令)?

1 个答案:

答案 0 :(得分:0)

我假设您通过ng-model = [MODEL]和| filter:[MODEL]过滤数据列表。如果不是这样,那我就完全没了。

这必须在您返回的数据中修复。包含带有关键字或类别的其他字段。

即。

[
{displayvalue:"Fruit Salad",keywords:"apple, health food,yummy yummy"},
{displayvalue:"Mashed Potatoes",keywords:"starch, side dish"}
]