AngularJS adalah salah satu framework dari javascript. Kelebihan dari angularJS ini adalah dapat mendukung sebuah routing, berjalan dengan konsep MVC, dapat menggabungkan beberapa DOM Javascript dan masih banyak lagi. AngularJS adalah framework yang dikembangkan oleh google. Dimana angularJS juga bisa dijalankan di berbagai web browser dan yang paling penting gratis untuk menggunakannya atau biasa dikenal dengan istilah open source. Nah untuk studi kasus yang akan saya bahas pada pembahasan kali ini adalah tentang Cara Membuat Live Text Menggunakan AngularJs.

Langkah pertama untuk dapat menyelesaikan Cara Membuat Live Text Menggunakan AngularJs. Kita perlu mengenal konsep atau cara untuk menggunakan angularJS. Tentu yang paling penting kita harus mencantumkan sebuah link angularJS untuk dapat meload fungsi-fungsi angularJs. Link ini dapat teman-teman temukan di website resminya yaitu di https://angularjs.org/ teman-teman bisa salin atau copy link CDN jika ingin gunakan secara online atau teman-teman bisa juga download jika ingin gunakan secara offline.

Cara Membuat Live Text Menggunakan AngularJs

Cara Membuat Live Text Menggunakan AngularJs

Untuk kasus ini saya menggunakan versi online saja ya teman-teman. Dan berikut ini link CDN dari angularJsnya yang harus teman-teman cantumkan di dokumen htmlnya.

Oke langkah selanjutnya kita harus mengaktifkan angularJs atau mendefinisikan angularJs dengan memberikan direktif atau kosa kata ng-app di dokumen html. Jika sudah maka kita bisa menggunakan angularJs untuk membuat suatu aplikasi atau program yang kita mau.

Nah berikut ini adalah script untuk membuat live text menggunakan javascript.

Nah teman-teman bisa perhatikan di dalam tag input ada kosa kata ng-model yang saya masukkan dimana ng-model ini fungsi dari angularJs untuk menyimpan data dari hasil input, ketika ada data yang berubah makan akan langsung melakukan update kepada data yang ditampilkan atau hasil outputnya. Untuk data yang ditampilkan dari ng-model  atau mencetak hasil outputnya teman-teman bisa cetak dengan menggunakan kurung kurawel dua kali lalu didalamnya nama modelnya seperti ini {{namamodel}} atau bisa dengan kosa kata ng-bind=”namamodel” .

Demikian artikel tentang Cara Membuat Live Text Menggunakan AngularJs. Semoga bermanfaat dan selamat mencoba.