[解決済み】Angularでルート変更を検出する方法は?
2022-04-15 10:49:35
質問
のルート変更を検出したい。
AppComponent
.
その後、グローバルユーザートークンをチェックして、ユーザーがログインしているかどうかを確認し、ユーザーがログインしていない場合はリダイレクトできるようにします。
どのように解決するのですか?
Angular 2 では、以下のことが可能です。
subscribe
(Rxイベント)をRouterインスタンスに送信します。
そのため、以下のようなことが可能です。
class MyClass {
constructor(private router: Router) {
router.subscribe((val) => /*whatever*/)
}
}
編集 (rc.1以降)
class MyClass {
constructor(private router: Router) {
router.changes.subscribe((val) => /*whatever*/)
}
}
編集2 (2.0.0以降)
も参照してください。 Router.eventsドキュメント
class MyClass {
constructor(private router: Router) {
router.events.subscribe((val) => {
// see also
console.log(val instanceof NavigationEnd)
});
}
}
関連
-
[解決済み] ngModel' は 'input' の既知のプロパティではないため、バインドできません。
-
[解決済み] Angular HTMLバインディング
-
[解決済み] BehaviorSubjectとObservableの違い?
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
-
[解決済み] Angularで@Input()の値が変更されたときに検出する方法は?
-
[解決済み] 現在のルートを取得する方法
-
[解決済み] Angularでは、アクティブなルートをどのように決定するのですか?
-
[解決済み】Angular 2 ルート変更時に上部にスクロールさせる
-
[解決済み】Angular2で外部URLにリダイレクトする方法は?
-
[解決済み] [Solved] Angular 2 - this.router.parent.navigate('/about')を使用して別のルートに移動するにはどうすればよいですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】VSCodeはモジュール'@angular/core'や他のモジュールを見つけることができません。
-
[解決済み] チョキダーからのエラー(C:┣ᴗ┣)。Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp.
-
[解決済み] NullInjectorError: MatDialogRef 用のプロバイダがありません
-
[解決済み] Angular CLIでコンポーネントの名前を変更する方法は?
-
[解決済み] updateValueAndValidityとは?
-
[解決済み] Uncaught (in promise): Ionic 2でcordova_not_available。
-
[解決済み] コンポーネントは2つのモジュールの宣言に含まれる
-
[解決済み] Angular2: [(ngModel)] with [ngModelOptions]="{standalone: true}"を使って、モデルのプロパティへの参照にリンクさせる。
-
[解決済み] ローカルホストが私のアンギュラーアプリに対して無効な応答を送信しました。
-
[解決済み] Angularで前のページのURLを決定する方法は?