Hallo teman teman, Kali ini saya akan membahas tentang Cara Membuat Template Dengan Menggunakan AngularJs. Halaman yang akan saya buat adalah 2 halaman, dimana nanti header dan footer akan saya bikin file html terpisah karena struktur htmlnya sama.

Cara Membuat Template Dengan Menggunakan AngularJs pertama-tama saya buat struktur htmlnya dengan menggunakan bootstrap dan filenya sudah saya pecah antara header konten dan footer.

Berikut ini adalah file header.html

Dan ini adalah file footer.html

Jika sudah saya akan membuat dua halaman dengan nama angularjs dan javascript.

Berikut ini adalah halaman angularjs.html

Dan di bawah ini adlah halaman javascript.html

Disini saya menggunakan ng-include untuk menyambungkan file header.html dan footer.html.

Jika sudah maka teman-teman bisa lihat di browser masing-masing file angularjs.html dan javascript.html. Maka header dan footer secara otomatis akan akan tetap ada di dua halaman yang sudah di buat, baik itu di halaman angularjs.html ataupun di javascript.html.

Demikian artikel tentang Cara Membuat Template Dengan Menggunakan AngularJs. Semoga dapat bermanfaat dan selamat mencoba.