Angular

Berikutnya kita akan menghubungkan routing yang telah dibuat pada modul sebelumnya dengan Link Navigasi. Mungkin Anda akan berpikir, tinggal menambahkan routing pada masing-masing link yang terdapat pada file app.component.html. Pendekatan diatas memang link berjalan dengan baik, namun yang terjadi adalah, aplikasi di reload ulang. Artinya aplikasi melakukan request ke server. Namun pendekatan ini bukan behaviour … Read more

Untuk memudahkan tutorial, Anda bisa download file project start disini, untuk memudahkan mengikuti tutorial. Project diatas masih belum ditambahkan routing, jadi semua component akan ditampilkan pada halaman awal (lihat gambar dibawah). Tujuan dari modul ini akan menggunakan routing untuk memisahkan component. Menambahkan Routing Routing pada dasarnya adalah struktur data berupa array of object yang akan … Read more

Pada modul ini akan dibahas structural directive. Seperti yang sudah dibahas, structural directive menggunakan tanda asterisk (*). Tujuannya sebagai informasi bagi Angular. Dibelakang layar, Angular akan mengubah structural directive. Berikut contohnya: akan diubah menjadi Custom Structural Directive Berikutnya kita akan membuat custom structural directive unless, dimana merupakan kebalikan dari directive ngIf. Buat directive baru dengan … Read more

Melanjutkan dari modul sebelumnya, mungkin Anda berpikir, tentu directive yang dibuat akan lebih intuitif jika user dapat mengirimkan parameter warna yang diinginkan. Dan tentu saja itu dapat dilakukan, dengan menggunakan custom property, yaitu decorator @Input. KIta akan tambahkan 2 property warna default dan warna highlight pada directive, dimana kedua property tersebut dapat diisi melalui property … Read more