[解決済み] Angularで前のページのURLを決定する方法は?
2022-05-13 09:27:58
質問
現在、次のようなURLのページにいるとします。
/user/:id
. このページから次のページに移動します。
:id/posts
.
さて、前の URL が何であるかを確認する方法はあるでしょうか、つまり
/user/:id
.
以下は私のルートです。
export const routes: Routes = [
{
path: 'user/:id', component: UserProfileComponent
},
{
path: ':id/posts', component: UserPostsComponet
}
];
どのように解決するのですか?
ルートの変更を購読し、現在のイベントを保存して、次のイベントが発生したときにそれを使用できるようにすることができます。
previousUrl: string;
constructor(router: Router) {
router.events
.pipe(filter(event => event instanceof NavigationEnd))
.subscribe((event: NavigationEnd) => {
console.log('prev:', event.url);
this.previousUrl = event.url;
});
}
関連
-
[解決済み】「ルーターリンク」は既知のプロパティではないため、バインドできない
-
[解決済み] Angular HTMLバインディング
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
-
[解決済み] 現在のルートを取得する方法
-
[解決済み] 最後のページに戻るには
-
[解決済み] Angularでは、アクティブなルートをどのように決定するのですか?
-
[解決済み】Angular 2 ルート変更時に上部にスクロールさせる
-
[解決済み】Angular 6でサービスを生成する際に、InjectableデコレータでprovidedInの目的は何ですか?
-
[解決済み】Angularでルート変更を検出する方法は?
-
[解決済み] Angularによるログインページへのリダイレクト
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 最後のページに戻るには
-
[解決済み] ExpressionChangedAfterItHasBeenCheckedErrorの説明
-
[解決済み] 例外が発生しました。既知のネイティブプロパティではないため、'ngFor'にバインドできない
-
[解決済み】Angularでルート変更を検出する方法は?
-
[解決済み] '合成プロパティ @panelState を発見しました。BrowserAnimationsModule" か "NoopAnimationsModule" のどちらかを入れてください'。
-
[解決済み] Angular - "has no exported member 'Observable'" エクスポートされたメンバーがありません。
-
[解決済み] Angular HttpClient "パース中のHttp失敗"
-
[解決済み] ナンバーパイプ - Angular 2のパラメータは?
-
[解決済み] Angularチュートリアルのpipeメソッドとtapメソッドとは何ですか?
-
[解決済み] ページを離れる前に、未保存の変更点を警告する