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