Wie beschränke ich den Werttyp von FormGroup in ts?
P粉566048790
P粉566048790 2023-09-09 16:19:03
0
1
435

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

P粉566048790
P粉566048790

Antworte allen(1)
P粉378264633

我认为它应该对您有帮助: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 中引入的,因此它在以前的版本中不起作用

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage