将 Angular Material 表单字段编号格式化为小数点后两位？

Question

如果我们有一个包含如下数字的 Angular Material Form 字段：

<mat-form-field>
  <input matInput
    readonly
    type="number"
    formControlName="unitsFulfilled"
    placeholder="Units Fulfilled">
</mat-form-field>

我们如何将其格式化为小数点后两位。在通过 分配给控件之前，我们是否需要对数字本身执行此操作formControlName？

Answer 1

您可以简单地使用创建指令并在 HTML 中使用它。请参考以下链接。

只允许两位小数

在一个示例中，有一个简单的输入字段。但您也可以将它与 Material UI 组件一起使用。