为多个实体类型添加内联标记

Question

我希望构建一个行为如下的功能（在Angular中工作）：

• 用户可以输入的文本字段。
• 如果用户键入＆＃39; @ employee＆＃39;，则会显示一个带有可供选择的员工列表的预先输入。当用户选择员工时，我会以可点击的不同颜色或不同边框显示员工姓名
• 如果用户键入＆＃39; @ office＆＃39;，则会显示带有办事处列表的预先
• 等用于不同实体类型

我感觉这不是使用＆＃39; @＆＃39;的典型行为。例如，对于Trello，当您键入@，然后输入一个字符时，会出现一个带有人名的弹出窗口。即，＆＃39; @＆＃39;假设它是一个人，而不是任何实体

三个问题：

1）是否有更公认的允许人们在文本中插入实体（个人，某个地方或其他任何东西）的惯例？

2）是否有任何库可以完成此行为？

3）如果对2的答案为否，那么我想要构建这个的方法就是不断观察用户输入的内容，以及用户是否输入了一个被接受的令牌（@employee，@ office等），然后显示typeahead弹出窗口。这似乎很容易做到，但出于某种原因，感觉奇怪......不确定为什么。

有任何想法或指导吗？