Rumah >hujung hadapan web >tutorial js >Bagaimanakah saya boleh mengalih keluar # Hash daripada URL AngularJS?

Bagaimanakah saya boleh mengalih keluar # Hash daripada URL AngularJS?

Susan Sarandon
Susan Sarandonasal
2024-12-02 13:54:10789semak imbas

How Can I Remove the # Hash from AngularJS URLs?

Menavigasi URL AngularJS Tanpa Hash "#"

Dalam AngularJS, laluan ditakrifkan menggunakan perkhidmatan $routeProvider, yang memberikan URL kepada tertentu pengawal dan templat Secara lalai, AngularJS menambah aksara cincang (#) pada permulaan URL, terhasil dalam laluan seperti "app/#/test" dan bukannya "app/test."

Mengapa Hash?

Hash diperlukan untuk penyemak imbas bukan HTML5. Penyemak imbas ini mentafsirkan URL dengan cincangan sebagai perubahan sisi klien dan bukannya permintaan pelayan, membenarkan AngularJS mengawal penghalaan tanpa memuatkan semula halaman.

Mengalih keluar Cincang

Untuk mengelakkan cincang, anda boleh menggunakan kaedah $locationProvider.html5Mode(true) Kaedah ini mendayakan API sejarah HTML5, yang membenarkan penulisan semula URL tanpa cincang.

Pelayar Sokongan

API sejarah HTML5 tidak disokong oleh semua penyemak imbas Senarai berikut menunjukkan penyemak imbas yang menyokongnya:

  • Chrome
  • Firefox
  • Safari
  • Opera
  • Edge (Microsoft)

Pelaksanaan

Untuk mengalih keluar cincang daripada URL AngularJS, ikut langkah berikut:

    Tambah $locationProvider. html5Mode(true) kepada konfigurasi apl anda blok:
angular.module('myApp').config(['$locationProvider', function($locationProvider) {
  $locationProvider.html5Mode(true);

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengalih keluar # Hash daripada URL AngularJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn