1. ホーム
  2. angular

[解決済み] 最後のページに戻るには

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'; の行が重要です。