首页 > 解决方案 > 键入 @ 时 Angular 中的自动建议下拉菜单

问题描述

我想在 Angular 8 中实现自动完成下拉菜单之类的功能。我有一个文本框,我将在其中键入要发送给用户的任何消息。如果我键入"@",那么它应该给我当前可用的用户名的所有建议(我将从 Web 服务接收到,或者我将拥有手动创建的 JSON 数据)。

我已经完成了角度提及,但在我的情况下它没有用,所以我不能使用它。

任何人都可以在这方面帮助我,或者任何人都可以为我提供任何有用的链接吗?

提前致谢!

标签: angular

解决方案


  • HostListener在文本框上使用@.
  • 如果任何值通过服务匹配,则使虚拟下拉列表可见。
  • 在下拉选择中,将其值附加到文本框。

推荐阅读