Tabel Paging adalah tampilan data dalam bentuk table dimana ketika data yang di tampilkan dalam jumlah banyak tentu tidak akan terlihat bagus ketika semua data kita tampilkan, sehingga kita perlu memberikan sebuah limit untuk data yang tampil dalam bentuk paging. Table paging disini akan saya buat dengan menggunakan direktif ng-option dari angularjs. Dan akan saya bahas pada kesempatan kali ini dalam artikel yang berjudul Cara Membuat Tabel Paging Dengan Ng-option AngularJs.

Ng-option ini berfungsi untuk mengisi option di dalam tag select pada html. Dan langsung  saja Cara Membuat Tabel Paging Dengan Ng-option AngularJs teman-teman buat struktur sederhananya seperti script di bawah ini.

Teman-teman perhatikan script html di atas. Untuk script di atas saya membuat select dimana isi optionnya saya ambil dengan menggunakan ng-option yang nanti akan saya buat di dalam controller. Kemudian saya buat sebuah label hanya untuk sebagai keterangan jumlah data yang tambil dari berapa banyak data. Dan disitu saya buat sebuah table untuk mencetak datanya. Data yang akan saya ambil dari json placeholder.

Nanti teman teman coba perhatikan nama-nama yang sama di dalam script html dan angularnya ya. Karena ini saling berkaitan. Langkah selanjutnya untuk Cara Membuat Tabel Paging Dengan Ng-option AngularJs teman-teman tinggal buat fungsi angularJsnya untuk menampilkan data dari json placeholder seperti script di bawah ini.

Jika sudah lanjut untuk membuat controllernya sebagai berikut ini.

Data yang tampil di tag select pada html di ambil dari $scope.pagesizes. Kemudian $scope.pagesize jumlah baris data dalam 1 halaman. $scope.currentpage adalah lokasi halaman saat ini. Dan terakhir $scope.pagenumber jumlah total baris data secara keseluruhan.

Demikian artikel tentang Cara Membuat Tabel Paging Dengan Ng-option AngularJs. Selamat mencoba dan sampai jumpa.