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.
 

4 Agustus 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat