Angular 角度10<；输入类型=数字>；千分位器

在我的Angular 10项目中，我有一些带有

的

mat表单字段，我想添加1000个分隔符

也就是说，当用户输入一个数字时，程序应该每隔三位插入逗号，而不是在浮动部分

因此，例如，如果用户正在键入1200.5869，则用户在键入时应在其输入字段中看到此数字：1200.5869。（顺便说一句，这在加密货币交易网站中非常常见。）

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


ngx掩码库，当我将输入类型更改为tel时工作正常，但当它是数字时工作不正常
编写我自己的angular指令，在用户输入时更改输入，这是我实际上无法做到的。因为在input type=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>


数量
USDT
您有十进制管道（角度内置管道）

应该是这样的：

{{value_expression}number[：digitsInfo[：locale]]}

您可以仔细查看angular API：
您有十进制管道（angular内置管道）

应该是这样的：

{{value_expression}number[：digitsInfo[：locale]]}

您可以仔细查看angular API:
这是正确的，但它没有回答问题。问题是“如何格式化输入标记后面的值？”如何将十进制管道应用于输入标记？这是正确的，但它没有回答问题。问题是“如何格式化输入标记后面的值？”如何将十进制管道应用于输入标记？