[解決済み] Angular : ルートへの手動リダイレクト
2022-11-08 20:20:34
質問
最近、angular.js 1の代わりにangular 4を使い始めたところです。
私はheroesチュートリアルに沿ってangular 4の基礎について学び、現在は"@angular/router"パッケージからangular独自の"RouterModule"を使用しています。
私のアプリケーションにいくつかの認証を実装するために、私は手動で別のルートにリダイレクトする方法を知りたいのですが、インターネット上でこのことに関する有用な情報を見つけることができないようです。
どのように解決するのですか?
Angularルーティング:マニュアルナビゲーション
まず、Angularルータをインポートする必要があります。
import {Router} from "@angular/router"
そして、それをコンポーネントのコンストラクタにインジェクトします。
constructor(private router: Router) { }
そして最後に
.navigate
メソッドを呼び出します。
this.router.navigate(['/your-path'])
また、ルートにいくつかのパラメータを置くこともできます。
user/5
:
this.router.navigate(['/user', 5])
ドキュメンテーション Angularの公式ドキュメンテーション
関連
-
[解決済み] Angular HTMLバインディング
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
-
[解決済み] 現在のルートを取得する方法
-
[解決済み】Angular 2 ルート変更時に上部にスクロールさせる
-
[解決済み】Angularでルート変更を検出する方法は?
-
[解決済み] ng buildの後にangular-cliのdist-folderのパスを変更するには?
-
[解決済み] Angular v5からAngular v6にプロジェクトをアップグレードしたい。
-
[解決済み] FormGroupから単一の値を取得する方法
最新
-
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-cliのパラメータ --base-href と --deploy-url の違いは何ですか?
-
[解決済み] Angular2でNgForがPipeでデータを更新しない。
-
[解決済み] Angular 4+ ngOnDestroy() サービス中 - observableを破壊する
-
[解決済み] AngularでEventEmitterに2つのパラメータを渡すには?
-
[解決済み] 文字列|ヌル'型の引数は、文字列'型のパラメータに代入できません。タイプ 'null' はタイプ 'string' に割り当てられません。
-
[解決済み] angular-cli server - APIリクエストを別のサーバーにプロキシする方法は?
-
[解決済み] プロパティ 'controls' がタイプ 'AbstractControl' に存在しない Angular 4 [duplicate] 。
-
[解決済み] Angular cli - ng serve時の自動リロードを無効にする方法
-
[解決済み] ngFor を使用して、Typescript Enum を文字列の配列として反復処理するにはどうすればよいですか?
-
[解決済み] 64進数の文字列を角(2+)でエンコードおよびデコードする。