在angularjs材料设计文本输入中实现预先输入

Question

如何实现类似功能的类型（自动提示），保持良好的材料设计＆＃34;在AngularJS（https://material.angularjs.org）

Answer 1

您可以自动填充字段。

文档是在 https://material.angularjs.org/latest/demo/autocomplete

Answer 2

这可以使用Angular Material中的自动完成功能;但是从文档中不是很明显。

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

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

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

检查此codepen以获取一个工作示例： http://codepen.io/DevVersion/pen/KrOYoG