[解決済み] 最後のページに戻るには
2022-03-20 15:28:16
質問
Angular 2で最後のページに戻るスマートな方法はありますか?
こんな感じ
this._router.navigate(LASTPAGE);
例えば、ページCには 戻る ボタンをクリックします。
-
Aページ -> Cページ クリックすると、Aページに戻ります。
-
Bページ -> Cページ、クリックすると、Bページに戻ります。
ルーターはこの履歴情報を持っているのでしょうか?
解決方法は?
実は、ビルトインの位置情報サービスを利用することができます。
ここ(TypeScript)です。
import {Component} from '@angular/core';
import {Location} from '@angular/common';
@Component({
// component's declarations here
})
class SomeComponent {
constructor(private _location: Location)
{}
backClicked() {
this._location.back();
}
}
編集
: charith.arumapperumaさんのご指摘の通りです。
Location
からインポートする必要があります。
@angular/common
ということで
import {Location} from '@angular/common';
の行が重要です。
関連
-
[解決済み】「ルーターリンク」は既知のプロパティではないため、バインドできない
-
[解決済み] 現在のルートを取得する方法
-
[解決済み] オブジェクトのキーと値に*ngForでアクセスする
-
[解決済み] Angularでselect要素をオブジェクトにバインドする
-
[解決済み] Angularで変更検知を手動でトリガーする
-
[解決済み] Angularでは、アクティブなルートをどのように決定するのですか?
-
[解決済み】Angular 2 ルート変更時に上部にスクロールさせる
-
[解決済み】Angularのコールバック関数をAngularJSのように@Inputで子コンポーネントに渡す。
-
[解決済み] Angular 2のパッシブリンク - <a href="">相当
-
[解決済み] ページを離れる前に、未保存の変更点を警告する
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ionic 5 - ngForがデータを表示しない
-
[解決済み] CLIを使ったAngular 2 - 制作のためのビルド
-
[解決済み] コンストラクタとngOnInitの違いについて
-
[解決済み] Angular CLI SASSオプション
-
[解決済み] Angular HTTP GET with TypeScript エラー http.get(...).map is not a function in [null].
-
[解決済み】エラー NG6002: AppModule の NgModule.imports に表示されるが、NgModule クラスに解決できなかった。
-
[解決済み] index.tsは何に使われているのですか?
-
[解決済み] エラーが発生しました。出力が初期化されていません
-
[解決済み] Angularチュートリアルのpipeメソッドとtapメソッドとは何ですか?
-
[解決済み] Angularで前のページのURLを決定する方法は?