javascript - 如何使输入占位符随光标动态移动？

Question

我的表单中有一个输入，它包含产品的值(value)价格，输入文本占位符的开头是“$”:

<input [placeholder]="$"/>

现在，每当我写东西时，我希望占位符的“$”字母随光标移动，但在占位符内而不是作为文本移动，例如，当我写 123 时，它会像这样显示 123$ ，我所做的是在输入中的每次更改时，我在输入文本的末尾添加字母“$”，但这不实用，我希望字母“$”作为背景中的占位符而不是部分实际价格。

感谢任何帮助。

Answer 1

在我看来，您应该创建一个过滤器(或 Angular 2 术语中的“管道”)。您可以使用模板在 View 中修改范围值，而无需更改原始值。

https://angular.io/docs/ts/latest/guide/pipes.html