我的表单中有一个输入,它保存了产品的价格, 在输入文本占位符的开头是' $':
<input [placeholder]="$"/>
现在,当我写一些东西时,我想要&#39; $&#39;占位符的字母与光标一起移动但在占位符内而不是作为文本,例如当我写123它将显示它像这样123 $,我做的是在输入内的每次更改我添加字母&#39; $&#39;在输入文本的末尾,但它不实用,我想要它的字母&#39; $&#39;作为背景中的占位符而不是实际价格的一部分。
感谢任何帮助。
答案 0 :(得分:1)
占位符属性指定一个简短的提示,用于描述输入字段的预期值(例如,样本值或预期格式的简短描述)。
在用户输入值之前,输入字段中会显示短提示,并在用户输入值后立即消失。
您要做的是格式化使用placehoder无法实现的值。
我将使用一个指令,允许您配置要显示的货币以及显示它的位置。就像TestMask Lib
一样答案 1 :(得分:1)
在我看来,你创建了一个过滤器(或者#34;管道&#34;用Angular 2的说法)。您可以使用模板在视图中修改范围值,而无需更改原始值。
答案 2 :(得分:0)
由于“$”符号并不是文本的一部分,而是用于为用户提供指导,因此您最好将其实现为:
<label>$</label><input type="text" placeholder="Enter value in USD" />
这样$将在输入的值前保持不变。