Looping Data AngularJS

Jika sebelumnya saya telah mencoba untuk menggunakan attribute ng-model untuk menampilkan data dari textbox input. Kini saya akan mencoba bagaimana melakukan sebuah pengulangan atau looping data pada AngularJS. Pada AngularJS telah menyediakan beberapa directive bawaan disini directive yang digunakan untuk proses pengulangan adalah attribute ng-repeat. Directive ng-repeat itu sendiri digunakan untuk melakukan looping data terhadap sebuah array.

Yang pertama Tentunya data yang akan dilooping harus dimuat terlebih dahulu sebelum melakukan pengulangan dengan ng-repeat.  Untuk memuat data di halaman terlebih dahulu kita diinisialisasi dengan AngularJS, dengan menggunakan attribute ng-init untuk memuat array yang akan dilooping datanya.

Mari kita coba membuat pengulangan data tersebut dengan ng-repeat

Jangan lupa sertakan file AngularJS beserta ke halaman html.

dan simpan source code lengkap dibawah ini.



Jika temen temen tampilkan di browser maka akan terlihat seperti pada gambar berikut ini:

Terima Kasih

25 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat