Bagaimana untuk mengehadkan jenis nilai FormGroup dalam ts?
P粉566048790
P粉566048790 2023-09-09 16:19:03
0
1
438

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

P粉566048790
P粉566048790

membalas semua(1)
P粉378264633

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

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan