角10 <input type = number>千位分隔符

如何解决角10 <input type = number>千位分隔符

在Angular 10项目中，我想为mat-form-fields和<input type=number>添加一些.html。

意思是，当用户输入数字时，程序应每三个数字插入一个逗号，而不是在浮动部分。

例如，如果用户输入 1200.5869 ，则用户在输入时应在其输入字段中看到以下数字： 1,200.5869 。 （顺便说一下，这在加密货币交易网站中非常普遍。）

到目前为止我尝试过的事情：

• ngx-mask库，当我将输入类型更改为tel而不是数字时，它可以正常工作。
• 编写我自己的角度指令，该角度指令会在用户键入内容时更改输入，而我做不到。因为输入类型=数字中不允许使用逗号，并且只要该指令尝试插入逗号，它只会删除输入值。

这是我输入的<mat-form-field appearance="outline"> <mat-label>amount</mat-label> <input type="number" matInput [min]="0.1" [step]="0.1" formControlName="quantity" /> <span matSuffix> USDT </span> </mat-form-field> 代码：

const Shopifyapiclient = require("shopify-api-node");
const request = require("request-promise");

解决方法

您有十进制管道（内置角管）。

应该看起来像这样：

{{ value_expression | number [ : digitsInfo [ : locale ] ] }}

您可以进一步了解angular API：https://angular.io/api/common/DecimalPipe