AngularJS URL から # ハッシュを削除するにはどうすればよいですか?

「#」ハッシュを使用しない AngularJS URL の移動

AngularJS では、URL を特定の URL に割り当てる $routeProvider サービスを使用してルートが定義されます。デフォルトでは、AngularJS はコントローラーとテンプレートにハッシュ文字 (#) を追加します。 URL の先頭にあるため、「app/test」ではなく「app/#/test」のようなパスになります。

ハッシュを使用する理由

ハッシュは次の場合に必要です。これらのブラウザは、ハッシュを含む URL をサーバーリクエストではなくクライアント側の変更として解釈し、AngularJS がファイルを再ロードせずにルーティングを制御できるようにします。 page.

ハッシュの削除

ハッシュを回避するには、$locationProvider.html5Mode(true) メソッドを使用します。これにより、HTML5 履歴 API が有効になります。ハッシュを使用せずに URL を書き換えることができます。

ブラウザサポート

HTML5 履歴 API はすべてのブラウザーでサポートされているわけではありません。次のリストは、サポートしているブラウザーを示しています。それ:

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

実装

AngularJS URL からハッシュを削除するには、次の手順に従います:

1. $locationProvider を追加します。 html5Mode(true) をアプリの設定に追加するブロック:

angular.module('myApp').config(['$locationProvider', function($locationProvider) {
  $locationProvider.html5Mode(true);

2. Ensure that your server is configured to handle URL rewriting for HTML5 mode.

以上がAngularJS URL から # ハッシュを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。