使用双重绑定在Angular2的输入字段中键入数字格式

Question

使用像

这样的管道

<input....
    [ngModel]="whatever | myCurrencyPipe"
    (ngModelChange)="whatever = $event"
    type="text"
    name="myCurreny"
    ...

您可以格式化现有值。你几乎不想覆盖价值，你有问题。并且通过上述解决方案，双重绑定已被废除。

有很多jQuery-Libraries，但我正在寻找原生的angular2解决方案。

有人可以帮助我吗？

Answer 1

1. 扩展NgModel指令。在每次输入更改并设置模型值后调用覆盖函数viewToModelUpdate（value）。
2. 将NgModel替换为您的实现（模块中的providers []）
3. 直接在输入上读取指定属性的regexp或过滤器或格式化程序，如：＆lt;输入过滤器=“货币”/＆gt;

工作示例你可以在这里找到： http://stacktrase.com/2017/07/14/angularjs4-restrict-input-text-by-extending-ngmodel/