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

标签 javascript angular placeholder

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

<input [placeholder]="$"/>

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

感谢任何帮助。

最佳答案

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

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

关于javascript - 如何使输入占位符随光标动态移动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43003982/

相关文章:

javascript - 文本区域占位符文本

c# - sitecore mvc 使用 viewmoldel 返回 View

javascript - play() 失败,因为用户没有首先与文档交互 - 使用 Vimeo API 的点击事件

javascript - 确定事件冒泡通过的元素

javascript - 使用不同方式通过 JavaScript 设置 HTML 元素样式的成本/ yield

javascript - 我可以选择一个节点但不在 jsTree 中选中/取消选中它吗?

angular - 模块 'MyCustomModule' 导入的意外值 'AppModule'

Angular 2 ng-select 多个选定值问题

css - 如何在CSS中实现material design motion

ruby-on-rails - 如何在 simple_form 中使用占位符而不是标签?