Angular 2:像google一样实现搜索预测

Angular 2: Implement search prediction like google

我有一个搜索框。

我想显示完成搜索框内输入的建议。

用于匹配数据和 return 最接近建议的 REST api 已准备就绪并正在运行。

我无法弄清楚的是如何在文本框中以不同的颜色显示匹配作为建议。 我在 npm 上找到了一个 ng2-completer 组件,但它在下拉列表中显示了建议。

我想在下拉框内显示建议,然后按 Tab 键使用建议完成键入的输入

您可以尝试 ngx-bootstrap 中的 Typeahead。它允许进行一些自定义,因此您应该能够实现您想要的。