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

前端之家收集整理的这篇文章主要介绍了使用双重绑定在Angular2的输入字段中键入数字格式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
像管道一样

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

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

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

有人能帮我吗?

解决方法

>扩展NgModel指令.在每次输入更改并设置模型值后调用覆盖函数viewToModelUpdate(value).
>将NgModel替换为您的实现(模块中的providers [])
>直接在输入上读取指定属性的regexp或过滤器或格式化程序:<输入过滤器=“货币”/>

您可以在此处找到工作示例:
http://stacktrase.com/2017/07/14/angularjs4-restrict-input-text-by-extending-ngmodel/

猜你在找的Angularjs相关文章