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

Question

使用 AngularJS，我在 HTML 表单上有一个输入:

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

• 我希望用户输入类似:12.3
• 但我希望输入显示类似的内容:12.30 €
• 我想要这个实时的或模糊的。

• 我还想保留对这个输入轻松执行算术运算的可能性:

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

我已经看过了:

• How to do two-way filtering in angular.js? (过滤作用域的内容，但不过滤输入的内容，这与我想要的完全相反)

• https://docs.angularjs.org/api/ng/filter/currency (不过滤输入，只过滤输出)

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

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

Answer 1

只是从 angular directive encapsulating a delay for ng-change 扩展了 Doug R 的解决方案您可以使用基于指令的解决方案。

因此，在输入元素发生变化后，所需的操作会在可配置的延迟量后发生。

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

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