이전 페이지로 돌아가기

이전 페이지로 돌아가기 updated_at: 2023-12-04 17:08

이전 페이지로 돌아가기

추천 방법

import { Location } from '@angular/common';

export class MyComponent {
constructor(
    private location: Location,
  ) {
  }

  private goback() {
    this.location.back();
  }
}

위의 방법은 현재의 app에서 접근 후 history가 쌓였을때는 정상적으로 작동하나 만약 직접 url을 치고 위의 페이지에 접근할 경우 이전 다른 홈페이지로 튕겨 나갈 수도 있다.
따라서 다음 문서를 참조하면 좋을 듯 하다.

import { Location } from '@angular/common';

export class MyComponent {
constructor(
    private location: Location,
    private router: Router,
  ) {
  }

  private goback() {
    const hasHistory = this.router.navigated;
    if (hasHistory) {
      this.location.back();
    } else {
       this.router.navigateByUrl("/");
    }
  }
}
평점을 남겨주세요
평점 : 5.0
총 투표수 : 1

질문 및 답글