Sistem Routing Pada AngularJS

Hai semuanya ketemu lagi dengan saya di dumet school. Pada artikel sebelumnya kita telah banyak membahas tentang angularJS. Sekarang kita bahas Sistem Routing dimana routing ini berguna ketika kita buat link atau URL tanpa harus mengetikkan kontak.html untuk masuk kehalaman tersebut. Kita hanya ketikkan #/kontak dan otomatis dia akan tertuju yang halaman tersebut yang membuat URL kita akan lebih bersih dan rapi. Untuk memulai routing kita harus mendownload file angular-route.js pada link tersebut https://github.com/angular/bower-angular-route. Kemudian kita deklarasikan terlebih dahulu. Karena kita menggunakan module ngRoute berarti temen temen harus menambahkannya sebagai berikut

Kita mulai mencoba dan membuat proses routingnya

Pada code diatas saya telah membuat 2 halaman atau template dimana mempunyai isi yang berbeda. Penjelasan code diatas :
routeProvider yang menyambungkan semuanya dan kita gunakan property when yang artinya ketika link tersebut aktif maka halaman tersebut akan tampil. Kemudian kita tampilkan pada elemen HTML dengan menggunakan ng-view

dan kita tampilkan pada layar browser hasilnya akan seperti berikut

ketika saya ketikkan URL maka akan menampilkan

klo temen temen perhatikan halaman web tanpa reload ketika kita menuju link URL tersebut. Selamat Mencoba.