在输入字段中串联符号

Question

我正在尝试实现一个输入文本字段，其中$美元符号应出现在文本框中。当用户输入值时，该美元符号应保留在其中，并作为我将从文本框中获得的值的一部分。由于该应用程序是有角度的，因此我可以检索输入值或在其中显示管道值。但是我需要在文本框中输入美元符号或货币符号，并且用户需要在tat文本框中输入值。在输入$符号时，应该保留该符号，在后端，我需要获得类似$ 500的东西。

<div ng-app="myApp" ng-controller="costCtrl">
    <p>Price = {{ price | currency }}</p>
    <input type="text" ng-model="price | currency"/>
</div>

我正在按希望输入的方式附加输入框的图像，以便输入的用户值位于美元符号旁边。