创建带有预定义选择以及输入文本的搜索下拉列表？

Question

我正在研究如何创建一个具有下拉列表的搜索字段，该下拉列表具有如下所示的预定义字段（示例来自Outlook 2010）：

在此示例中，当我键入“ abc”时，将出现一个下拉列表，显示可单击以缩小搜索范围的可选选项，因此我可以指定“ abc”是关键字，来源还是主题。 term关键字，from和subject不会改变-仅在它们之后的搜索词。该搜索字词会在我输入时更新。当我单击所选内容时，搜索输入字段将更新为我选择的内容，例如Outlook的情况下为“关键字：（abc）”。

我正在Angular中为我的应用程序工作。这是我的主意：添加一个带有预定义字段的下拉列表，并使用双向绑定语法添加显示输入内容的功能。但是，我是Angular的新手，所以我不知道这是否是正确的方法。

仅供参考，出于好奇的原因，我正在对此进行调查，因此此类搜索是否是一个好主意是另一个问题。