如何返回上一页

30 浏览
0 Comments

如何返回上一页

有没有一种聪明的方法在Angular 2中返回上一页？

类似于

this._router.navigate(LASTPAGE);

例如，页面C有一个“返回”按钮，

  • 从页面A到页面C，单击它，返回到页面A。
  • 从页面B到页面C，单击它，返回到页面B。

路由器是否具有此历史信息？

admin 更改状态以发布 2023年5月24日
0

2 答案

0 Comments

在 Angular 2.x / 4.x 的最终版本中 - 这里是文档https://angular.io/api/common/Location

/* typescript */
import { Location } from '@angular/common';
// import stuff here
@Component({
// declare component here
})
export class MyComponent {
  // inject location into component constructor
  constructor(private location: Location) { }
  cancel() {
    this.location.back(); // <-- go back to previous location on cancel
  }
}

0
0 Comments

\n\n实际上，您可以利用内置的位置服务，该服务拥有一个“Back” API。\n\n在这里（使用TypeScript）：\n\n

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();
  }
}

\n\n编辑：如@charith.arumapperuma所提到的，应该从@angular/common导入Location，因此import {Location} from \'@angular/common\';行非常重要。

0