FormControl - 空字符串为空

Question

是否有可能将空字符串（等于“”）转换为null？

我有一个输入字段来覆盖数据库中的值。如果我在那里更改值，它将存储在数据库中 - 这很棒。但是，如果我再次编辑值（输入字段）并从中删除文本，它会向数据库发送一个空字符串（例如“”）。但它应该发送null 以显示源值。

app.component.ts

  readonly titleCtrl = new FormControl()
  readonly descriptionCtrl = new FormControl()
  readonly ageCtrl = new FormControl()

  readonly formGroup = new FormGroup({
    title: this.titleCtrl,
    description: this.descriptionCtrl,
    age: this.ageCtrl,
  })


private fillForm(item: Item): void {
  this.formGroup.setValue(
    {
      title: item.title.overrideValue,
      description: item.description.overrideValue,
      age: item.age.overrideValue,
    },
    { emitEvent: false },
  )
}

所以我想要达到的是，如果我在 title 中更改某些内容，然后再次删除它，它应该是 null 而不是 ""。

valueChanges 有什么可能吗？

Answer 1

sanitizeDataBeforeSendToServer(): void {
    const control = this.form.get('nameControl');    
    
    if ((control.value as string)?.trim() === '') {
        control.setValue(null);
    }
}
    
save(): void {
    this.sanitizeDataBeforeSendToServer();
    ....
}