Mengenal DOM pada Angular JS Part 3

Pada penjelasan DOM di artikel sebelumnya saya membahas tentang pengendalian attribut ng-disable, ng-show dan ng-hide, dimana ketiga atribut tersebut saya berikan simulasi dengan checkbox,

Seharusnya untuk penjelasan pada artikel sebelumnya sudah sangat mudah ditangkap

Pada kali ini saya akan mengkombinasikan fungsi aritmatika pada tutorial kali ini sekaligus memberikan gambaran mengenai penanganan kondisi pada Angular JS.

disini saya membuat ng-init dengan nama umur

Sekarang saya akan membuat validasi menggunakan konsep DOM ini. dimana kali ini akan saya buat batas umur minimum dengan sederhana.

diatas, saya memasukan value umur < 17 pada ng-show, dan membuat sebuah input dengan ng-model memiliki value umur

Ketika angka yang dimasukan ke dalam input kurang dari 17 maka akan muncul keterangan belum cukup umur pada bagian bawah input.

baiklah teman-teman, sekian dulu artikel kali ini, semoga bermanfaat.