Halo teman teman pada tutorial kali ini saya akan menjelaskan tentang Fungsi Route pada AngularJS, Fungsi Route pada AngularJS, yaitu kita dapat membuat sebuah link yang terdapat pada AgularJS dan mengarahkannya pada sebuah template atau proses tertentu melalui controller, dan Route pada AngularJS berfungsi untuk membuat sebuah website yang ingin kita buat bersifat dinamis, maksudnya yaitu kita hanya menggunakan satu halaman index untuk menampilkan data, dan pada umumnya kita menggunakan banyak halaman untuk menampilkan isi dari website kita.
Untuk membuat sebuah Route pada AngularJS ada beberapa bagian sederhana yang harus kita ketahui yaitu, Header, Content, Footer. Header dan footer bersifat statis, sedangkan bagian content akan selalu bersifat dinamis.
Pada AngularJS ada 2 Route yang akan kita pelajari yaitu :
- Route Provider
- Route Parameter
Route Provider, merupakan sebuah komponen yang terdapat pada Angular JS yang berguna untuk mengkonfigurasi Route yang ada pada aplikasi kita. Seperti contoh di bawah ini,
www.example.com/index.html#data1 www.example.com/index.html#data2 www.example.com/index.html#data3 www.example.com/index.html#data4
Fungsi dari url di atas yaitu untuk mengakses sebuah aplikasi yang sama namun memiliki route yang berbeda, route pada AngularJS ditandai dengan tanda # seperti url diatas.
Pada AngularJS ada beberapa konfigurasi yang menggunakan Route Provider diantaranya yaitu;
- Sebuah template yang akan kita tampilkan
- Controller yang bekerja pada template yang ditampilkan
Berikutnya Route Parameter, merupakan sebuah komponen untuk mengambil sebuah parameter yang terdapat pada url. Coba teman teman perhatikan pada url dibawah ini,
http:// www.example.com/index.html#data5/123
pada url di atas angka 123 merupakan sebuah parameter, dengan adanya parameter ini kita dapat mengambil atau menarik sebuah nilai pada parameter 123 untuk kita tampilkan datanya, sebagai contoh; misalkan kita mengambil sebuah data yang memiliki id 123, maka data yang akan muncul adalah berdasarkan id dari 123.
Oke teman saya harap sudah paham ya tentang Fungsi Route pada AngularJS, nah untuk implementasinya akan saya bahasa pada tutorial selanjutnya.
Sekian dulu tutorial saya kali ini tentang Fungsi Route pada AngularJS, semoga bermanfaat
Terimakasih