Yuk, Belajar DOM pada Angular JS Part 1

Pembahasan artikel kali ini kita akan membahas tentang konsep DOM pada angular JS, Untuk yang belum mengetahui apa itu DOM, DOM adalah singkatan dari Document Object Model, dimana pada kasus kali ini kita akan berhubungan HTML sebagai objeknya.

Baiklah kita akan mulai dari yang pertama, yaitu ng-disable directive, dimana fungsi ini akan men-disable elemen yang ada di HTML

pada gambar diatas kita menggunakan ng-init untuk menentukan nilai default dari expresion cek menjadi true

Lalu di dalam ng-app kita buat sebuah button yang diberikan ng-disabled dengan value cek dimana natinya akan secara otomatis button tersebut menjadi disable secara default.

selanjutnya saya membuat checkbox untuk mengubah value dari expression cek menjadi dinamis

untuk mengetahui nilainya bahwa cek tersebut true atau false, saya juga mencetak expression dibawahnya, dimana ketika nilainya true, maka tombol menjadi disable, begitu juga sebaliknya.