Bagaimana untuk mengehadkan jenis nilai FormGroup dalam ts?

Question

Saya mempunyai pemalar seperti ini:

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

Dan saya mahu mengehadkan jenis di dalam FormGroup, jadi saya menulis seperti ini:

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

Nampaknya ia tidak berfungsi kerana walau apa pun saya menukar sifat Antaramuka Info, tiada ralat, kenapa? Bagaimana untuk mengehadkan jenis nilai FormGroup dalam ts

Hadkan jenis nilai FormGroup dalam ts

Answer 1

Saya rasa ia patut membantu anda: https://angular.io/guide/typed-forms

Pada asasnya, anda perlu menjadikan antara muka mempunyai kawalan bentuk dan bukannya jenis biasa:

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

Sila ingat bahawa ia telah diperkenalkan dalam Angular 14 supaya ia tidak akan berfungsi dalam versi sebelumnya