Dalam angularJs disini kita bisa memanipulasi route sesuai keinginan kita. Dimana manipulasi route ini bertujuan agar alamat link atau url yang tampil saat kita buka website kita di browser akan lebih rapih dan simple. Dan route angularjs akan saya bahas pada artikel kali ini dengan judulĀ Cara Mengatur Route Menggunakan AngularJs . Disini kita akan membuat 3 file yang mana 1 file berfungsi untuk halaman utama atau index. Dan 2 file lain untuk halaman about dan gallery.

Cara Mengatur Route Menggunakan AngularJs Langsung saja teman-teman buat terlebih dahulu halaman about dan gallerynya seperti di bawah ini. Yang isinya hanya h1 dengan keterangan nama halamannya.

File dengan nama index2.html

File dengan nama index3.html

Jika sudah maka kita akan lanjutkan untuk membuat file utamanya dengan nama index.html seperti script berikut ini.

Oke yang teman-teman harus perhatikan disini ada 2 link library angular yang saya cantumkan disini.

Jika sudah seperti biasa untuk mengaktifkannya dengan direktif ng-App dengan parameter yang di ambil dari module angular.

Karena disini adala tambahan module route maka kurung kotak kita isi dengan ng-Route seperti di bawah ini.

Dan selanjutnya buat tag div dengan direktif ng-view untuk dapat memanggil filenya.

Dan langkah terakhir barulah kita buat script config dengan ada fungsi didalamnya dan berisikan parameter yang sudah ditentukan dari angularJs untuk mengatur route. Dan didalam fungsi kita buat dengan menggunakan when untuk memanipulasi routing yang ada dua parameter. Parameter pertama berisikan nama url dan kedua berisi template url yang akan dipanggil. When ini hampir sama dengan if else jadi jika selain url itu maka akan di direct ke halaman awal atau index dengan menggunakan otherwise seperti script di bawah ini.

Demikian artikel tentang Cara Mengatur Route Menggunakan AngularJs. Semoga dapat bermanfaat dan selamat mencoba.