Untuk is_edit = true
menonaktifkan ...
<input [disabled]="is_edit=='false' ? true : null" id="name" type="text" [(ngModel)]="model.name" formControlName="name" class="form-control" minlength="2">
Saya hanya ingin menonaktifkan input berdasarkan true
atau false
.
Saya mencoba mengikuti:
[disabled]="is_edit=='false' ? true : null"
[disabled]="is_edit=='true'"
[disabled]="is_edit"
Jawaban:
Coba gunakan
attr.disabled
, alih-alihdisabled
sumber
disabled
sama dengantrue
ataufalse
attr.disabled
berhasil, padahaldisabled
tidak?Saya rasa saya sudah menemukan masalahnya, kolom input ini adalah bagian dari bentuk reaktif (?), Karena Anda telah memasukkannya
formControlName
. Ini berarti apa yang Anda coba lakukan dengan menonaktifkan kolom inputis_edit
tidak berfungsi, misalnya upaya Anda[disabled]="is_edit"
, yang dalam kasus lain akan berhasil. Dengan formulir Anda, Anda perlu melakukan sesuatu seperti ini:dan kehilangan
is_edit
semuanya.jika Anda ingin bidang masukan dinonaktifkan sebagai default, Anda perlu menyetel kontrol formulir sebagai:
Ini plunker
sumber
Anda cukup melakukan ini
sumber
Jika Anda ingin masukan untuk menonaktifkan beberapa pernyataan. gunakan
[readonly]=true
ataufalse
bukan dinonaktifkan.sumber
Nazir
tidak masalahsumber
[disabled]="is_edit"
secara langsung. MengapaisDisabled()
fungsinya?Saya kira yang Anda maksud,
false
bukan'false'
Juga,
[disabled]
mengharapkan fileBoolean
. Anda harus menghindari mengembalikan filenull
.sumber
Sebuah catatan sebagai tanggapan atas komentar Belter pada jawaban yang diterima fedtuck di atas, karena saya kurang memiliki reputasi untuk menambahkan komentar.
Ini tidak benar untuk semua yang saya ketahui, sejalan dengan dokumen Mozilla
Ketika atribut yang dinonaktifkan ada, elemen dinonaktifkan terlepas dari nilainya. Lihat contoh ini
sumber
Saya lebih suka solusi ini
Dalam file HTML:
Dalam file TS:
sumber
Apa yang Anda cari dinonaktifkan = "true" . Berikut ini contohnya:
sumber
disabled
atribut HTML dan DOM adalah "atribut boolean" yang berarti hanya nama atribut yang perlu ditentukan - atau nilainya harus samadisabled
, misalnyadisabled="disabled" - it does not recognize the values of
true` ataufalse
- sehinggadisabled="false"
tetap akan menyebabkan elemen dinonaktifkan.Demo
membuat
is_edit
tipe boolean.sumber
Nonaktifkan TextBox di Angular 7
sumber
Dan juga jika kotak input / tombol harus tetap nonaktif, maka cukup
<button disabled>
atau<input disabled>
berfungsi.sumber
Dinonaktifkan
Select
pada sudut 9.satu hal yang perlu diingat dinonaktifkan bekerja dengan
boolean
nilai - nilai dalam contoh ini, saya menggunakan(change)
acara denganselect
opsi jika negara tidak dipilih, wilayah akan dinonaktifkan.find.component.ts file
find.component.html
sumber
dapat menggunakan seperti
Saya mendapatkannya seperti ini. jadi saya lebih suka.
sumber