在 angularjs 材料设计文本输入中实现 typeahead答案

【问题标题】：Implementing typeahead in angularjs material design text input在 angularjs 材料设计文本输入中实现 typeahead
【发布时间】：2014-12-12 04:49:18
【问题描述】：

如何实现类似于 typeahead 的功能（自动建议），在 AngularJS 中保持良好的“材料设计” (https://material.angularjs.org)

【问题讨论】：

【解决方案1】：

您可以使用自动完成字段。

【讨论】：

【解决方案2】：

这可以在 Angular Material 中使用自动完成功能；但是，从文档中并不能立即看出这一点。

由于指定了caret flag，demo 只匹配结果开头的字符，即：md-highlight-flags="^i"

要允许自动完成查找任何匹配的字符，您应该使用全局标志，即：md-highlight-flags="gi"

您还需要将 filterFn 函数中的 state.value.indexOf(lowercaseQuery) === 0 行更改为 state.value.indexOf(lowercaseQuery) !== -1

查看此代码笔以获取工作示例： http://codepen.io/DevVersion/pen/KrOYoG

【讨论】：