Angularで前のURLを取得する方法のガイド

Locationオブジェクトを使用する方法: AngularのLocationサービスを使用して、前のURLを取得できます。以下はその例です。

import { Location } from '@angular/common';
@Component({
  // コンポーネントの設定
})
export class MyComponent {
  constructor(private location: Location) {}
  getPreviousUrl() {
    const previousUrl = this.location.getState();
    console.log(previousUrl);
  }
}

Routerオブジェクトを使用する方法: AngularのRouterサービスを使用して、前のURLを取得することもできます。以下はその例です。

import { Router } from '@angular/router';
@Component({
  // コンポーネントの設定
})
export class MyComponent {
  constructor(private router: Router) {}
  getPreviousUrl() {
    const previousUrl = this.router.url;
    console.log(previousUrl);
  }
}

ブラウザの履歴を使用する方法: ブラウザの履歴を直接操作し、前のURLを取得する方法もあります。以下はその例です。

import { Inject } from '@angular/core';
import { DOCUMENT } from '@angular/common';
@Component({
  // コンポーネントの設定
})
export class MyComponent {
  constructor(@Inject(DOCUMENT) private document: Document) {}
  getPreviousUrl() {
    const previousUrl = this.document.referrer;
    console.log(previousUrl);
  }
}

これらの方法を使用することで、Angularアプリケーションで前のURLを取得することができます。適切な方法を選択し、アプリケーションの要件に合わせて利用してください。