在AngularJS上使用欧元符号格式化输入

Question

使用AngularJS，我在HTML表单上输入了内容：

<input id="amount" type="number" ng-model="amount">

• 我希望用户输入类似：12.3
• 但我希望输入显示类似以下内容：12.30€
• 我想要实时或模糊。

• 我还想保留在此输入上轻松执行算术运算的可能性：

   <!-- multiply by VAT --> total: {{ amount * 1.015 }} 

我已经看过了：

• 如何在angular.js中进行双向过滤？ （过滤范围的内容，但不过滤与我想要的相反的输入内容）

• https://docs.angularjs.org/api/ng/filter/currency （不过滤输入，仅过滤输出）

  这些都没有回答我的问题。

如果需要，这是一个空的jsfiddle： http : //jsfiddle.net/6V7c2/

Answer 1

只需将Doug R的解决方案从角度指令扩展为ng-change延迟即可，您就可以使用基于指令的解决方案。

因此，在输入元素发生更改之后，所需的操作将在可配置的延迟量后发生。

您可以在http://jsfiddle.net/Lrt7e/1/中看到相同的内容

<input ng-model="vars.value" ng-change="updateValue(vars.value)" ng-delay="1000" />