Menghilangkan tanda # di url AngularJS

Jika teman-teman menggunakan AngularJS sebagai framework dalam mengembangkan aplikasi, maka url yang akan tampil akan memunculkan tanda #. Disini saya asumsikan teman-teman sudah mengenal Arsitektur AngularJS. Dan sudah mengerti dasar-dasar AngularJS

Misalnya sewaktu masuk ke aplikasi, jika biasanya alamat aplikasi di

 localhost/angukres/

maka jika menggunakan angular maka url yang muncul menjadi

localhost/angukres/#

Untuk memperbaiki  (menghilangkan) tanda #, teman-teman bisa mengikuti langkah-langkah berikut:

1. Tambahkan Base URL.

Di halaman utama (index.html) tambahkan:

<base URL=”/RootFolder/”>

Misalnya nama folder aplikasi di “htdocs” adalah “blangular” maka syntax yang ditambahkan adalah <base URL=”/blangular/”>. Kode tersebut ditambahkan di dalam head ( <head> <base URL=”/blangular/”> </head> ).

 

2. Tambahkan $locationProvider

Di config routes tambahkan $locationProvider. Jika baris kode sebelumnya:

.config([‘$routeProvider’, function ($routeProvider) {

di tambahkan menjadi seperti:

.config([‘$routeProvider’,’$locationProvider’, function ($routeProvider,$locationProvider) {

Kemudian sebelum tutup .config, tambahkan:

$locationProvider.html5Mode(true);

 

Cukup seperti yang di atas, maka url aplikasi tidak akan mengeluarkan tanda #. Jika ada pertanyaan atau tambahan silahkan isi komentar dibawah.

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s