如果未输入任何内容，则将默认值设置为反应控制

Question

我的 Angular 应用程序中有反应形式，带有数字输入：

initForm() {
  this.form = this.fb.group(
    coffee: ['0', [
      Validators.min(0)
    ]],
    tea: ['0', [
      Validators.min(0)
    ]],
}

每个输入在初始化时都有“0”作为值，但用户可以删除值并保存表单。当用户保存表单时，我想为所有没有值的控件设置“0”。我怎样才能正确地做到这一点？

Answer 1

save(): void {
    const controlNames = Object.keys(this.form.controls);
    for (const name of controlNames) {
        if (this.form.get(name) && !this.form.get(name).value) {
            this.form.get(name).setValue('0')
        }
    }
    ...remaining save logic elided since it's out of scope of the question
}