javascript - Angular 5 输入附加文本

Question

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

澄清一下：我不是指一旦选择条目就会消失的占位符或移动到字段角落的提示，而是为所选条目提供更多信息的一段文本。

例如：

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

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

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

因此，附加信息文本必须向右移动 - 取决于左侧数字的实际长度，如果对于输入字段来说太长，也可以缩写 (...)。

关于如何实现这一目标的任何想法？

标签： javascripthtmlcssangulartypescript