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

S.E.V.I.L

Aplikasi Ekstraksi dan Visualisasi Informasi Lalu Lintas Kota Bandung

Aplikasi Ekstraksi dan Visualisasi Informasi Lalu Lintas Kota Bandung

Aplikasi Ekstraksi dan Visualisasi Informasi Lalu Lintas Kota Bandung.

  1. Aplikasi ini mengekstrak data dari twitter. (termasuk proses cleaning data)
  2. Data yang di ekstrak kemudian di ubah ke format yang dapat dibaca oleh aplikasi (xml)
  3. Data kemudian ditampilkan melalui Map interaktif
  4. Keadaan jalan yang macet ditandai dengan warna merah
  5. kecepatan merupakan rentang waktu pembacaan data.

Terimakasih Banyak kepada kedua dosen pembimbing saya :’) :

  1. Bapak Yudi Wibisono
  2. Bapak Dedi Rohendi