Angular 中如何返回上一页？

本文介绍: 选择其中一种方法，根据你的项目需求和代码结构来决定使用哪种方式。在Ang ul ar中，有多种方法可以实现返回上一页。

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

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

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

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

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

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: `
    &lt;button (click)="goBack()"&gt;Go Back&lt;/button&gt;
  `,
})
export class ExampleComponent {
  // 返回上一页
  goBack() {
    window.history.back();
  }
}