当前位置：首页 > article >正文

Angular 中如何返回上一页？

article 2025/2/28 10:37:18

在Angular中，有多种方法可以实现返回上一页。

使用 location.back()
Location服务提供了back方法，该方法用于导航到浏览器历史记录的上一页。

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

// 在构造函数中注入 Location
constructor(private location: Location) {}

// 返回上一页
goBack() {
  this.location.back();
}

使用 Router 服务
Router服务提供了多种导航方法，其中之一是navigateBack，可以用来返回上一页。

import { Router } from '@angular/router';

// 在构造函数中注入 Router
constructor(private router: Router) {}

// 返回上一页
goBack() {
  this.router.navigateBack(['/']);
}

使用 window.history
你还可以直接使用window.history对象来返回上一页。

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <button (click)="goBack()">Go Back</button>
  `,
})
export class ExampleComponent {
  // 返回上一页
  goBack() {
    window.history.back();
  }
}