Angular 自动格式化模糊上的表单输入字段值

我在表单中有一个数字输入字段。如果用户离开该字段，当用户未输入任何数字时，该值应自动附加两个零位

示例：

• 用户输入“1”->值应为1.00
• 用户输入“1.12”->值不应更改

如何使用反应形式在角度上实现这一点

示例代码：

<md-input-container>
      <input mdInput type="number" placeholder="Number" formControlName="amount" step="any"/>
</md-input-container>

this.formBuilder.group({
      amount: [this._formData.amount, [Validators.required]],
})

此为.formBuilder.group({
金额：[this.\u formData.amount，[Validators.required]]，
})

您可以通过添加一个函数来获取数字并对其进行格式化

format(amt){
    if(amt % 1 == 0){
      amt = amt + '.00';
      this.amount = amt;
    }
  }

另外，要考虑到，如果用户重新关注同一字段，则需要删除添加的“.00”。因此，我在触发

focus

时添加了以下函数

remove(amt){
    if(amt % 1 == 0){
      this.amount = amt * 1;;
    }
  }

HTML:

---

Plnkr

您可以通过添加一个函数来实现，该函数接受数字并对其进行格式化

format(amt){
    if(amt % 1 == 0){
      amt = amt + '.00';
      this.amount = amt;
    }
  }

另外，要考虑到，如果用户重新关注同一字段，则需要删除添加的“.00”。因此，我在触发

focus

时添加了以下函数

remove(amt){
    if(amt % 1 == 0){
      this.amount = amt * 1;;
    }
  }

HTML:

Plnkr