如何自动将两个小数位添加到角度4的输入字段中

Question

我想在用户输入数字时自动在输入数字上添加两位小数，并且我还想在角度6中添加千位分隔符。

Answer 1

在构建管道中将数字转换为十进制，将管道与ngModel一起使用

[(ngModel)]="yourvalue | number:'1.2-2'"

在ts文件中

yourvalue : number ; 

Answer 2

因此，您基本上需要屏蔽输入。 angular2-text-mask为您提供了一条指令，您可以在这样的输入元素上使用它：

<input [textMask]="{mask: amountMask}">

其中valueMask是声明您组件的属性：

 public amountMask= createNumberMask({
        prefix: '',
        allowDecimal: true,
        decimalLimit: 2
    }); 

createNumberMask，您需要像这样导入：

import createNumberMask from 'text-mask-addons/dist/createNumberMask';

进一步看一下这个：

https://www.npmjs.com/package/angular2-text-mask

这是示例链接

https://text-mask.github.io/text-mask/