javascript - Ketika saya memvalidasi di aplikasi angular saya, saya menghadapi error No index signature dengan parameter tipe 'string' tidak ditemukan pada tipe 'AbstractControl[]'

Saat saya melakukan validasi di aplikasi Angular saya, saya menghadapi kesalahan ini:

src/app/register/register.component.ts:45:39 - error TS7053: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'AbstractControl[] | { [key: string]: AbstractControl; }'.
  No index signature with a parameter of type 'string' was found on type 'AbstractControl[] | { [key: string]: AbstractControl; }'.

45             return control?.value === control?.parent?.controls[matchTo].value ? null : {isMatching: true}
                                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Inilah metode dari mana kesalahan berasal:

matchValues(matchTo: string): ValidatorFn {

   return (control: AbstractControl) => {

        return control?.value === control?.parent?.controls[matchTo].value ? null : {isMatching: true}
       }
    

}

Saya baru mulai belajar Angular dan TypeScript dan saya tidak tahu bagaimana memperbaikinya. Bantuan apa pun akan dihargai.

Jawaban #1

Anda harus menentukan jenis indeks apa yang dimiliki objek tersebut. Dalam kasus Anda, itu adalah indeks berbasis string.

matchValues(matchTo: string): ValidatorFn {
    return (control: AbstractControl) => {
        return control.value === (control?.parent?.controls as { [key: string]: AbstractControl })[matchTo].value ? null : { isMatching: true };
    }
}

Jawaban #2

Saya hanya mengabaikan baris tersebut menggunakan/@ts-ignore dan itu berfungsi dengan baik.

Artikel terkait