如何使用光標動態移動輸入佔位符？

Question

我有我的表單中輸入，它擁有一個產品， 的超值售價在開始輸入文本佔位符「$」：

<input [placeholder]="$"/> 

現在，當過我寫的東西我想要的「$ '的信件的地方持有人與光標，但在地方持有人而不是一個文本，例如，當我寫123它會顯示它就像這樣123 $，我做了什麼是在輸入每次更改我添加在輸入文本的末尾輸入'$'，但它不實際，我希望它的字母'$'作爲後臺佔位符，而不是實際價格的一部分。

任何幫助表示讚賞。

Answer 1

placeholder屬性指定描述輸入字段的期望值（例如樣本值或期望格式的簡短描述）的簡短提示。

在用戶輸入值並在用戶輸入值後立即消失之前，輸入字段中將顯示短提示。

你想要做的是格式化無法用placehoder執行的值。

我將帶上一個指令，允許您配置要顯示的貨幣和顯示的位置。就像TestMask Lib

Answer 2

在我看來，你會創建一個過濾器（或Angular 2說法中的「管道」）。您可以在視圖中使用模板修改您的範圍值，而無需更改原始值。

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

Answer 3

由於「$」符號不意味着是對文本的一部分，用於指導用戶，你會不會更好的實現這個，就像這樣：

<label>$</label><input type="text" placeholder="Enter value in USD" /> 

這樣$將在輸入值前保持不變。