Menampilkan Data Array AngularJS
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.
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)