Saya memiliki tombol input yang ingin saya atur untuk dinonaktifkan jika pengguna memilih nilai tertentu dari kotak pilihan:
Pilih menu:
<select id="jobstatus" name="jobstatus" ng-model="associate.JobStatus" class="form-control">
<option value="0">Current</option>
<option value="1">Former</option>
<option value="2">Never worked there</option>
</select>
Tombol Input:
<input type="submit" class="btn btn-info pull-right
btn-lg btn-block" ng-disabled="{{associate.JobStatus === '2'}}" />
Sekarang ketika saya melihat sumbernya, ketika saya memilih opsi 2
, elemen tombol input berubah dari nilai ng-disabled="false"
menjadi ng-disabled="true"
tetapi atribut disabled tidak diterapkan pada tombol.
Apa yang saya lakukan salah di sini?
Dokumen Angular ngDisabled
Tanda kurung kurawal berarti notasi {{ }} untuk mengikat ekspresi ke elemen adalah markup Angular bawaan.
Penggunaan:
<input type="submit" ng-disabled="associate.JobStatus == 2" />
Bukan:
<input type="submit" ng-disabled="{{associate.JobStatus == 2}}" />
sama seperti untuk ng-show / ng-hide / ng-if, Anda dapat menggunakan model ekspresi itu sendiri, bukan {{}}}
Sebagai contoh:-
Penggunaan:
<div ng-show="someObject.showProperty">
Bukannya:
<div ng-show="{{someObject.showProperty}}">