Membuat Aplikasi News Portal Dengan Ionic Part 2

Mari kita lanjutkan projek portal berita kita. Teman silahkan buka kembali file app.js, di dalam controller, buatlah data json. Untuk datanya, teman-teman bisa ambil dari detik.com, kompas.com dll. (Untuk mengecek kesalahan penulisan json, kalian bisa kunjungi situs http://www.jsoneditoronline.org/).

Selanjutnya, pada index.html kita akan lakukan looping (repeat). Di dalam ng-content ketikan baris program berikut.

* ng-repeat adalah salah satu fitur dari AngularJS untuk melooping/menampilkan data array/object.

Kalau sudah kita lihat hasilnya...

Untuk mempercantik tampilan daftar berita, ionic sudah menyediakan tag khusus. Silahkan tambahkan tag ion-list dan ion-item (http://ionicframework.com/docs/components/#list)

Kita lihat lagi hasilnya...

Nah, sekarang kita akan membuat daftar berita tersebut memiliki link (a href), begini caranya...

Kita berikan sedikit custom style css, yakni pada file css/style.css.

Terakhir, kita rubah judul aplikasinya pada tag ion-header-bar.. dengan nama "My Blog", dan kita rubah class bar-stable menjadi bar-positive (http://ionicframework.com/docs/components/#header).

Dan hasilnya...

28 Juli 2016

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