Wie beschränke ich den Werttyp von FormGroup in ts?

Question

Ich habe eine Konstante wie diese:

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

Und ich möchte die Typen innerhalb von FormGroup einschränken, also schreibe ich so:

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,
})

Anscheinend funktioniert es nicht, denn egal, in was ich die Eigenschaften der Info-Schnittstelle ändere, es gibt keine Fehler, warum? So begrenzen Sie den Werttyp von FormGroup in ts

Beschränken Sie den Werttyp von FormGroup in ts

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 中引入的，因此它在以前的版本中不起作用