Menampilkan Data Array AngularJS

17/03/2015    Ekky Ridyanto    2310     Website

Array merupakan salah yang sangat sering kita gunakan dalam membangun aplikasi berbasis apapun yang dimana array tersebut dapat menampung banyak nilai. Pada kesempatan kali ini saya akan menjelaskan bagaimana penggunaan array dalam AngularJS, serta bagaimana implementasi ke dalam view. Pada controller angularJS kita bisa mendefinisikan array pada objek $scope. Kemudian list dari isi array tersebut bisa ditampilkan pada view dengan menggunakan ng-repeat. Oke langsung saja. Langkah pertama tulis terlebih dahulu kerangka dasarnya dimana kita me-load file angularjs

dan Jangan lupa kita harus tambahkan attribute ng-app pada tag body

buatlah sebuah fungsi javascript yang nanti akan memuat fungsi controller.

Kemudian tampilkan isi dari array tersebut dengan ng-repeat pada bagian elemen ul sebagai berikut :

atribut ng-repeat dimana fungsi tersebut untuk melakukan looping data mulai dari item pertama sampai item terakhir. Maka, list nilai array dari fungsi controller akan ditampilkan pada browser.

Ketika di buka pada browser maka akan ditampilkan data-data yang ada pada controller. Didalam AngularJS telah menyediakan metode yang sangat sederhana untuk menampilkan data list, seperti yang sudah kita buat di atas.
Terima Kasih.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More