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...