Angular Material

Pertama kita buka file notes.component.scss, kita tambahkan rule css sederhana untuk input type filter. Kemudian kita buka file notes.component.html, tambahkan code untuk menampilkan filter input type. Dan kita tambahkan code juga untuk menampilkan tulisan pada table jika filter tidak ditemukan. Kemudian buka file notes.component.ts, kita tambahkan method applyFilter untuk handling event ketika input type filter … Read more

Melanjutkan dari modul sebelumnya, kita akan menambahkan paginator pada table. Buka file notes.component.html, tambahkan code paginator. Kemudian buka file notes.component.ts, tambahkan code implementasi untuk paginator. Sesuai ekspektasi, kita sudah berhasil mengimplementasikan paginator. Pada modul selanjutnya kita akan implementasikan filtering

Angular Material Table berguna untuk menampilkan data dalam bentuk row dan column. Angular Material memiliki fitur yang memudahkan developer untuk melakukan sorting, filtering dan pagination. Kita akan implementasikan fitur-fitur diatas untuk data notes. Untuk dokumentasi lengkap lihat di https://material.angular.io/components/table/overview Cara Passing Data Cara passing data Material Table yang dapat digunakan: Data array, cara passing data … Read more

Pada modul ini kita akan menggunakan Angular Material Component Tabs. Dokumentasi lengkap dapat dilihat di https://material.angular.io/components/tabs/overview Buka file main-content.component.html, tambahkan component tabs untuk menampilkan data bio dan notes. Sesuai ekspektasi, data bio dan notes ditampilkan dalam bentuk tabs. Sampai disini tampilan dasar aplikasi sudah terbentuk. Pada modul berikutnya kita akan menampilkan data notes dalam bentuk … Read more