Mengambil Nilai Dari Directive Ng-Model Pada Angular Js
Hallo teman-teman, balik lagi di panduan Source Code Aplikasi, di panduan kali ini kita akan belajar manfaat dari ng-model di angular js.
Program yang yang dimana basic script didalamnya yaitu script Javascript. Dengan menggunakan AngularJS.
ada banyak teknik yang digunakan pada angular js ini, Salah satunya yaitu teknik directive, diantaranya yaitu ng-app dan ng-model, nah bagi pembahasan kali ini kita akan mempraktekan bagaimana ng-model itu berfungsi.
Mungkin bagi lebih jelasnya kita seketika saja praktekkan, silahkan teman-teman bikin sebuah file html dan ketikan script berikut:
<!DOCTYPE html>
<html>
<body>
<div ng-app=>
<p>ketikan nama sahabat</p>
<p>nama : <input type=text ng-model=nama placeholder=ketikan nama sahabat></p>
<h1>Hello {{nama}}</h1>
</div>
</body>
</html>
Penjelasan dari script diatas yaitu saya membangun sebuah div dan memberikan manfaat ng-app yang menandakan bahwa script berikut yaitu angular aplication, lalu saya membangun sebuah tag input text dimana saya menambahkan manfaat ng-model dengan nilai nama, lalu saya mencetak nilainya dengan menggunakan manfaat bawaan angular seperti script berikut:
<h1>Hello {{nama}}</h1>ketentuan bagi mencetak nilai di angular yaitu :
<h1>Hello {{nama dari ng-model}}</h1>jadi secara otomatis akan mencetak nilai yang kita ketikan di teg input, oke kiranya lumayan demikianlah bagi artikel kali ini, selamat mencoba.
Terimakasih
Sumber https://kursuswebsite.org
