如何限制ts中FormGroup的值類型？

Question

我有一個這樣的常數：

const defaultInfo: FormGroup = this.fb.group({
  id: 1,
  name: qian,
  amount: 123,
})

並且我想限制FormGroup內部的類型，所以我這樣寫：

interface InfoInterface {
  id: number,
  name: string,
  amount: number,
}


interface InfoFormGroup extends FormGroup {
  value: InfoInterface
}

const defaultInfo: InfoFormGroup = this.fb.group({
  id: 1,
  name: qian,
  amount: 123,
})

顯然它不起作用，因為無論我將Info Interface的屬性更改為什麼，都沒有錯誤，為什麼？如何限制 ts 中 FormGroup 的值類型

限制ts中FormGroup的值類型

Answer 1

我認為它應該對您有幫助：https://angular.io/guide/typed-forms

基本上，您需要使介面具有表單控制項而不是普通類型：

interface InfoInterface {
      id: FormControl<number>,
      name: FormControl<string>,
      amount: FormControl<number>
  }
    
  const info = new FormGroup<InfoInterface>({
      id: new FormControl(0),
      name: new FormControl(''),
      amount: new FormControl(0)
  });

請記住，它是在 Angular 14 中引入的，因此它在先前的版本中不起作用