角10 <输入type=number> 1000分离器

Question

在我的“角10”项目中，我有一些mat-form-fields和<input type=number>，我想向其中添加1000个分隔符。

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

因此，例如，如果用户键入1200.5869，则用户在输入时应该在输入字段中看到这个数字：1,200.5869。(顺便说一句，这在加密货币交易网站中非常常见。)

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

当我将输入类型更改为tel时，

• ngx掩码库工作得很好，但当我自己的角度指令在用户输入时改变输入时，它就不能工作了。因为在输入类型= number中不允许逗号，而且只要指令试图插入逗号.

，它就会删除输入值。

这是我输入的.html代码：

<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>

Answer 1

您有十进制管道(角内建管).

应该是这样的：

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

您可以更仔细地查看角API:https://angular.io/api/common/DecimalPipe

Answer 2

我也实现了类似的功能。

我使用ControlValueAccesor创建了一个自定义输入。

它使用文本输入，但返回一个数字值。

https://npmjs.com/package/ng-number-input