在角度为5的输入字段中输入文本后添加一个单位

Question

我知道您可以在使用跨度的输入字段旁边放置一个单位，但不是，但这看起来不是最好的，而且有很大的错误空间，例如值超出了单位

所以说我有一个输入重量，并且想在用户输入的末尾加公斤

80kg

有没有一种方法可以在输入的数字末尾动态添加'kg'？

我有这样的输入。

<input [(ngModel)]="toolValue" type="number" class="tool_input tool_input__value" placeholder="Enter your value" required>

我基本上想做这样的事情

toolValue.onInput === toolValue + 'kg';

这可能吗？

Answer 1

  

这可能吗

是的。但这将是可怕的经历。

您需要做的几件事：

• 光标管理：确保用户无法编辑'kg'
• 选择管理：也许您不希望kg是可选的。

这取决于您想要的内容和要处理的极端情况。我会在结尾加上一个额外的span。