Sweetalert: Jenis 'tombol' properti tidak kompatibel

Dibuat pada 8 Nov 2017 · 9Komentar · Sumber: t4t5/sweetalert

Hai,

Saya mendapatkan kesalahan "Jenis 'tombol' properti tidak kompatibel" di komponen saya. Ini kode dan kesalahannya:

`delete(id, $index) {
    swal({
        title: "Are you sure?",
        text: "Are you sure to delete the menu? It cannot be undone.",
        icon: "warning",
        dangerMode: true,
        buttons: {
            cancel: "Cancel",
            ok: "OK"
        }
    })
        .then(willDelete => {
            if (willDelete) {
                Helpers.setLoading(true);
                this.service
                    .delete({ _id: id})
                    .subscribe(data => {
                        if (data.type) {
                            this.cars.splice($index, 1);
                            Helpers.setLoading(false);
                        }
                    });
            }
        });

    }`

aku mengerti

Argument of type '{ title: string; text: string; icon: string; dangerMode: true; buttons: { cancel: string; ok: str...' is not assignableto parameter of type 'string | Partial<SwalOptions>'. Type '{ title: string; text: string; icon: string; dangerMode: true; buttons: { cancel: string; ok: str...' is not assignable to type 'Partial<SwalOptions>'. Types of property 'buttons' are incompatible. Type '{ cancel: string; ok: string; }' is not assignable to type 'ButtonList'. Property 'cancel' is incompatible with index signature. Type 'string' is not assignable to type 'ButtonOptions'.

Apa yang bisa menjadi alasan?

Sumber

burakkilic

Komentar yang paling membantu

buttons: [true, true] akan memberikan default cancel dan ok
buttons: ['Cancel', 'Ok'] akan memberikan tombol bernama Cancel dan Ok

alex-osman pada 8 Nov 2017

👍4

Semua 9 komentar

buttons: [true, true] akan memberikan default cancel dan ok
buttons: ['Cancel', 'Ok'] akan memberikan tombol bernama Cancel dan Ok

alex-osman pada 8 Nov 2017

👍4

Kesalahan menjadi seperti:

error TS2345: Argument of type '{ title: string; text: string; icon: string; dangerMode: true; buttons: boolean[]; }' is not assignable to parameter oftype 'string | Partial<SwalOptions>'. Type '{ title: string; text: string; icon: string; dangerMode: true; buttons: boolean[]; }' is not assignable to type 'Partial<SwalOptions>'. Types of property 'buttons' are incompatible. Type 'boolean[]' is not assignable to type 'ButtonList'. Index signature is missing in type 'boolean[]'.

burakkilic pada 8 Nov 2017

Anda menghadapi kesalahan TypeScript, pastikan untuk mengikuti jenis ini

export interface ButtonOptions {
  visible: boolean,
  text: string,
  value: any,
  className: string,
  closeModal: boolean,
};

export interface ButtonList {
  [buttonNamespace: string]: ButtonOptions,
};

Tampaknya buttons: tidak dapat berupa array boolean, tetapi harus berupa ButtonList.
Anda dapat mencoba

buttons: {
  cancel: { text: 'Cancel' },
  confirm: { text: 'Confirm' },
}

alex-osman pada 8 Nov 2017

Mengapa saya harus menambahkan kode ini? Saya tidak bisa mendapatkan apa yang harus saya lakukan

burakkilic pada 8 Nov 2017

Mengapa opsi tidak opsional dalam TypeScript? Anda harus melewati semua nilai alih-alih yang Anda butuhkan. jQuery misalnya suka:

interface DialogOptions {
    closeBtn?: string;
    closeBtnText?: string;
    corners?: boolean;
    initSelector?: string;
    overlayTheme?: string;
}

splitt3r pada 13 Nov 2017

@ splitt3r Anda benar, itu pasti opsional. Jika ada yang ingin mengirim permintaan tarik untuk memperbaikinya, silakan!

t4t5 pada 18 Nov 2017

### This will work

swal("you liked it",{ buttons:{cancel:false,confirm:false}, timer:1000, })

kipkemoimayor pada 24 Mar 2019

swal({
        title: "Are you sure?",
        text: "Are you sure to delete the menu? It cannot be undone.",
        icon: "warning",
        dangerMode: true,
        buttons: {
            cancel: "Cancel",
            ok: "OK"
        }
    } as any)

ricnef2121 pada 1 Agu 2019

❤2

Terima kasih, saya bekerja dengan Angular 10 , Swal.fire({
judul: 'Espere',
teks: 'Informasi Penjaga',
ty: 'info',
allowOutsideClick: false
}sebagai apapun);
Swal.showLoading();