Materi 7 | Aplikasi Web

Membuat fungsi curency ke rupiah dengan AngularJS

Lanjutan dari Dasar AngularJS di postingan sebelumnya.

Sekarang coba ubah variabel title yang ada pada controller dengan kalimat sesuka pembaca dan kemudian refresh browser dan lihat perubahan yang terjadi.

Hal lain yang patut dicoba adalah menambahkan variabel baru dan kemudian coba dimunculkan pada view.

Untuk angular JS libray bias di download di mari ya

https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js

Peubahan pada controller



Perubahan pada view



Sampai sini kita sudah belajar hal paling dasar untuk memahami AngularJs.

 

1.3 Workflow

Biasanya setiap developer memiliki workflow / urutan kerja yang berbeda dengan developer yang lain dalam mengerjakan aplikasi. Akan tetapi, seringnya ada suatu workflow yang bersifat umum yang diikuti oleh semua developer.

Dari langkah-langkah yang kita kerjakan pada sub bab 1.2 dapat disimpulkan bahwa workflow untuk membuat sebuah aplikasi AngularJs adalah :

1.    Membuat module, include file modul di HTML kemudian memberi tahu HTML modul apa yang digunakan menggunakan ng-app.

2.    Membuat controllerinclude file modul di HTML kemudian memberi tahu HTML controller apa yang digunakan menggunakan ng-controller.

3.    Menambahkan data pada controller menggunakan $scope.

4.    Menampilkan data di view menggunakan ekspresi ``.

 

1.4 Filter

Terdapat fitur pada AngularJs yang bernama filter, digunakan untuk memformat tampilan sebuah variabel di view. Jadi alih-alih kita melakukan formatting di controller, kita melakukannya di view dengan bantuan filter.

Pada contoh kode sebelumnya terlihat kalau harga yang kita ketikkan berupa angka biasa dan ketika ditampilkan di view maka hasilnya masih apa adanya, tanpa format mata uang.

Kita bisa menggunakan filter currency yang disediakan AngularJs untuk memformat harga sehingga enak dilihat.



Penggunaan filter sangat menyenangkan seperti bisa dilihat pada listing kode di atas. Kita menambahkan sebuah tanda pipeline ( | ) dibelakang variabel yang ingin kita filter kemudian diikuti dengan filter yang kita gunakan. Setelah lakukan perubahan dengan menambahkan filter coba jalankan pada browser.

 

Untuk mengetahui filter apa saya yang telah disediakan oleh AngularJs, pembaca bisa merujuk ke dokumentasi yang ada di https://docs.angularjs.org/api/ng/filter.

Sudah pasti tidak semua filter yang tersedia mampu mengakomodasi kebutuhan kita seperti misalnya format mata uang dalam Rupiah. AngularJs memungkinkan bagi kita untuk membuat filter sendiri atau custom filter.

Misalkan kita ingin membuat filter untuk memformat angka menjadi mata uang Rupiah. Lakukan perubahan pada file app.js.

Perubahan Pada View

 

        Saldo : {{pelanggan.saldo | currency}}  /  {{pelanggan.saldo | rupiah}} </br>





28 November 2020 12:45:31 #356 x

PROFIL KAMI

Lembaga Peduli Pendidikan Masyarakat / LP2M ARAY

Array mengambil istilah di dunia komputer, bisa bermakna variabel yang menyimpan lebih dari 1 buah data yang memiliki tipe data yang sama.

Atau dalam chip komponen bisa bermakna tempat pemrosesan data sementara dalam hal komunikasi digital antar register chip.

Jadi dapat di implisitkan bahwa Kami dan Anda merupakan kumpulan dari SDA-SDM dengan tujuan Utama yang sama, yang dijadikan dalam suatu wadah / tempat kursus. Yang walaupun berbeda alamat memorinya / asalnya namun memiliki satu tujuan bersama...Kesuksesan bersama..Kebaikan bersama.

Penghilangan karakter A dalam array menjadi aray, adalah demi mengenangkan dan menyesuaikan nama-nama Pendiri Mula (Team Kecil) terlahirnya LP2MARAY #Adi Wijaya, Riadi Marta Dinata, Abdul Karim dan Yus Piterjon.

NASIHAT BERSAMA

“Sesungguhnya Allah tidak mengubah keadaan suatu kaum sampai mereka mengubah keadaan diri mereka sendiri.” Q. S. [13] : 11

STAFF ON READY

Adiarray

Matlab, Pyton, Bahasa R, Android, C++, Statistik

Nico

PHP Mysql, Desain Grafis, Layout, Photoshop, SEO

Heru KZW

Android Studio, Web Desain, CMS, CSS

Tony Blair

Java, Android, PHP Mysql, Matlab, C#, VBNET

LP2MARAY BENEFITS

Ratusan bahkan Ribuan sudah banyak yang belajar di LP2MARAY dengan banyak aplikasi yang dibuatnya

Aplikasi TextMining, Aplikasi Data Mining, Aplikasi Klasifikasi, Aplikasi Peramalan, Aplikasi Perangkingan, Aplikasi Olah Data Statistik, Aplikasi Sensor, Monitoring / Controlling Alat Rumah Tangga / Lingkungan, Image Processing, Animasi , Virtual Reality, Augmented Reality


Baik Berbasis Mobile, Desktop, Web, Animasi maupun Virtual adalah bidang yang sudah lama ditekuni juga sudah teruji di lapangan berupa prototype, sistem usulan, pengembangan / Novelty, maupun implementasi.