Templating Halaman Dinamis dengan angular JS part 2

Pada artikel sebelumnya saya sudah memberikan sebagian tahap pembuatan plate dinamis dan kita juga telah mengaktifkan module Angular dan Route untuk kelengkapannya, Pada Tutorial kali ini kita akan menggunakan module route yang ada pada angular js. Module route sendiri berfungsi untuk pelengkap dalam membuat SPA (Single Page Application) dimana kita tidak melakukan reload secara full page saat eksekusi perintah pada halaman website.

Tahap yang kita lakukan pada artikel ini adalah memisahkan bagian-bagian pada halaman tersebut.

Buat beberapa file baru sejajar denganindex.html dengan nama about.html, footer.html, header.html, home.html

Jika sudah dibuat, sekarang kita akan pisahkan semua konten yang ada di file index ke masing-masing file dengan isi seperti berikut

Dan ubah struktur html yang ada di index.html menjadi berikut

Oke teman teman kita sudah selesai memisahkan file dari komponen yang ada di index ke masing-masing file, Pada artikel selanjutnya akan saya bahas mengenai routing url di angular