Javascript 角度5输入附加文本

我得到了一个带有输入字段的组合框，一旦从列表中选择了一个条目，不仅列表条目应该显示在输入字段中，还应该显示其他信息

澄清一下：我不是指一个占位符，它在一个条目被选中后消失，或者是一个移动到字段一角的提示，而是一段文本，它为所选条目提供了进一步的信息

例如：

列表项是对象-因此我已经获得了附加信息，但我不想将附加文本与实际的“12345”数据一起放在输入字段中，因为用户只对编辑数字感兴趣。我只是希望它作为用户的信息出现在那里

因此，如果用户点击输入字段——在上述（例如）可视化中所述的情况下，“（附加信息）”将消失，只有“12345”仍需编辑。用户可以轻松地将其更改为“1234”，而无需删除“附加信息”部分

因此，附加信息文本必须向右移动，这取决于左侧数字的实际长度，如果输入字段太长，也应缩写为（…）

---

关于如何实现这一点有什么想法吗？

这听起来像是一个经典的主-细节视图。到目前为止你试过什么？你有什么特别的问题吗？我的特别问题是，我不知道如何将附加信息文本附加到输入字段的实际内容中，而不实际将其添加到其值中。因此，该值仅包含“12345”而不包含其他内容，但如果输入字段未聚焦，则仍应显示“附加信息”文本。我假设这是不可能做到的，我必须使用某种覆盖，但因为它需要在“12345”值的右侧，所以它需要自适应。

[ 12345 (additional information) ]
| 1                              |
| 12                             |
| 123                            |
| 1234                           |
| 12345                          |
+--------------------------------+