html5Modeを用いたAngularjsの通常リンク
2023-10-12 05:30:43
質問
私はhtml 5モードでangularjsで作業しています。これは、ページ上のすべての href を制御しているように見えます。しかし、アプリの同じドメイン内にあるものへのリンクを持ちたいが、実際にはアプリ内にない場合はどうしたらよいでしょうか。たとえば、pdfのようなものです。
もし私が
<a href="/pdfurl">
と書くと、angularはhtml5modeを使おうとし、どのビューをロードすべきかを決定するためにルートプロバイダを使用するだけです。しかし、実際には、ブラウザが通常の方法でそのページに移動することを望んでいます。
これを行う唯一の方法は、ルートプロバイダでルールを作成し、それがwindow.locationで正しいページにリダイレクトさせることですか?
どのように解決するのですか?
がHTML5モードの場合、Aタグが書き換わらない状況は3つあります。 から angular docs
-
を含むリンクは
target
属性を含むリンク。例<a href="/ext/link?a=b" target="_self">link</a>
-
別ドメインを指す絶対リンク
Example: <a href="http://angularjs.org/">link</a>
-
のときに異なるベースパスを指す '/' で始まるリンク。
base
が定義されている場合Example: <a href="/not-my-base/link">link</a>
ということで、1.の場合は
target="_self"
関連
-
[解決済み] どのようにangularJSでrouteProviderとlocationProviderを設定するのですか?
-
[解決済み] controllerAs "プロパティを使用する理由は何ですか?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] angular.serviceとangular.factoryの比較
-
[解決済み] AngularJS コントローラにおける 'this' と $scope の比較
-
[解決済み] AngularJSでコントローラを2回実行する場合の対処法
-
[解決済み] 部分テンプレートとテンプレートの複雑なネスト
-
[解決済み】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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angularjs accordion ng-click on panel-header
-
[解決済み] ajaxリクエスト時にAngularjsのローディング画面が表示される。
-
[解決済み] AngularJSの$parentは何を意味するのですか?
-
[解決済み] AngularJsでng-Cloakディレクティブを実際に使用する方法とは?
-
[解決済み] controllerAs "プロパティを使用する理由は何ですか?
-
[解決済み] createspyとcreatespyobjの違いは何ですか?
-
[解決済み] AngularJS 。scope.apply()呼び出し時の$digest already in progressエラーを防ぐ。
-
[解決済み] Angularjsを使用してローカルストレージにデータを保存するにはどうすればよいですか?
-
[解決済み] コントローラでフィルタを使用するには?
-
[解決済み] ng-modelとng-bindの違いは何ですか?