Menonaktifkan tombol di angular 2 dengan dua kondisi

Apakah hal ini mungkin dilakukan di angular 2?

<button type="submit" [disabled]="!validate && !SAForm.valid">Add</button>

Saya berharap bahwa jika kedua kondisi tersebut benar, mereka akan mengaktifkan tombol.

Saya sudah mencoba kode di atas tetapi tidak berfungsi seperti yang diharapkan.

Amr ElAdawy
Pertanyaan edit 21 April 2017 в 8:12
Pemrograman
html angular typescript
21 April 2017 в 5:05
Belum ada tampilan
Larutan

Kedengarannya Anda memerlukan OR sebagai gantinya:

Add

Ini akan menonaktifkan tombol jika tidak valid atau jika tidak SAForm.valid.

Komentar (2)

Deklarasikan variabel di component.ts dan inisialisasikan ke beberapa nilai

 buttonDisabled: boolean;

  ngOnInit() {
    this.buttonDisabled = false;
  }

Sekarang di .html atau di template, Anda dapat meletakkan kode berikut:

 Click Me

Sekarang Anda dapat mengaktifkan/menonaktifkan tombol dengan mengubah nilai variabel buttonDisabled.

Vishal Hulawale
Jawaban edit 9 September 2018 в 3:21
Komentar (2)

Apakah hal ini mungkin dilakukan di angular 2?

Ya, itu mungkin.

Jika kedua kondisi tersebut benar, apakah mereka akan mengaktifkan tombol?

Tidak, jika keduanya benar, maka tombol akan dinonaktifkan. disabled="true".

Saya mencoba kode di atas tetapi tidak bekerja dengan baik

Apa yang Anda harapkan? tombol akan dinonaktifkan ketika valid adalah false dan angular formGroup, SAForm tidak valid.

Rekomendasi di sini juga, Tolong buat tombol tipe button bukan submit karena ini dapat menyebabkan seluruh form untuk submit dan Anda perlu menggunakan invalidate dan mendengarkan (ngSubmit).

Amr ElAdawy
Jawaban edit 21 April 2017 в 5:25
Komentar (6)