[解決済み】AngularJSのURLからフラグメント識別子を削除する(#記号)。
2022-04-04 03:28:53
質問
angular.jsのURLから#記号を削除することは可能でしょうか?
やはりビューを変更したときにブラウザの戻るボタンなどを使えるようにしたいので、URLをparamsで更新する予定ですが、#マークはいらないです。
チュートリアルのrouteProviderは、以下のように宣言されています。
angular.module('phonecat', []).
config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}).
when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}).
otherwise({redirectTo: '/phones'});
}]);
これを編集して、#なしで同じ機能を持たせることはできますか?
解決方法は?
そうです。
$locationProvider
を設定し
html5Mode
から
true
:
angular.module('phonecat', []).
config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider.
when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}).
when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}).
otherwise({redirectTo: '/phones'});
$locationProvider.html5Mode(true);
}]);
関連
-
[解決済み】TypeError: window.initMap is not a function
-
angularjs ローカルデータストレージ LocalStorage
-
[解決済み] どのように$state.goにパラメータを追加しますか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSのコントローラからビューにHTMLを挿入する
-
[解決済み] FacebookやTwitterの新しいURLのシェバング/ハッシュバン(#!)は何のため?
-
[解決済み] なぜAngularJSはselectに空のオプションを含めるのですか?
-
[解決済み】「GET」パラメータから値を取得する(JavaScript)【重複】。
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
-
[解決済み】AngularJSのスコーププロトタイピング/プロトタイピング継承のニュアンスとは?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】angularのonLoadとng-initの違いについて
-
[解決済み] 適用がすでに進行中のエラー
-
[解決済み] シンプルなangularjsの日付入力
-
[解決済み] ng-repeat内で$indexを使用して、クラスを有効にしてDIVを表示するにはどうすればよいですか?
-
[解決済み] AngularJSの$parentは何を意味するのですか?
-
angularjs が src で指定されたコンテンツを iframe 内で正しく表示しない
-
angularでのng-repeatとtrack by
-
[解決済み] どのように$state.goにパラメータを追加しますか?
-
[解決済み] ng-classを使った複数クラスの追加
-
[解決済み】AngularJSのルーティングでハッシュ「#」がない場合