如何在Angular反应形式内的mat-form-field中使用输入type = number输入/显示带有“千”个逗号的值？

Question

摘要问题：

（问题仅适用于输入type ='number'）

如何使用Angular反应形式内的mat-form-field内的type = number输入形式控件输入/显示带有“千”个逗号（例如2,333,444）的值？

考虑反应角形式：

<form [formGroup]="myForm">

  <mat-form-field>
    <input type="number' formcontrolname="myInput" matInput placeholder="Input">
  </mat-form-field>

</form>

“ myInput”的表单数据模型项已绑定到一个数字，无法更改。输入和显示数字（例如：2333444）并按此计算其他数字时，一切都很好。

现在，我想在输入类型=数字字段中每千个显示逗号分隔的数字（例如：2,333,444）。

我有一些精心制作的技巧，例如创建自定义表单字段控件（see）。

我了解输入类型=数字，抵押品计算和要求文本输入的行为类似字符串/带有逗号的文本之间的冲突-对于输入类型=“ text”则更好。就是这样。

注1：输入=数字应在初始加载时显示逗号

注2：input = number应该在用户输入时自动添加逗号。

但是有没有更简单的方法？