屏蔽 Angular 和 Material UI 的逗号分隔格式的输入货币字段

Question

对于我们的 Angular 9 应用程序，我们有货币输入字段，需要以逗号分隔格式显示标准屏蔽 label。

因此，当用户在输入字段中输入 56000.55 时，在模糊事件中，我们应该将 56,000.55 显示为逗号分隔的屏蔽 label，而不更改控件的原始值。 我们正在使用 Angular Reactive Forms 和 Mat 表单字段来进行此 UI 更改。

Answer 1

您只需要编号 pipe ：

HTML

{{ 56000.55 | number }}
//56,000.55