如何返回上一页

Question

有没有一种聪明的方法可以回到Angular 2的最后一页？

像这样的东西

this._router.navigate(LASTPAGE);

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

>

A页-

第B页-

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

Answer 1

您可以将其放入一个指令中，该指令可以附加到任何可单击的元素：

import { Directive, HostListener } from '@angular/core';
import { Location } from '@angular/common';

@Directive({
    selector: '[backButton]'
})
export class BackButtonDirective {
    constructor(private location: Location) { }

    @HostListener('click')
    onClick() {
        this.location.back();
    }
}

用法：

html prettyprint-override"><button backButton>BACK</button>

Answer 2

在Angular 2的最终版本中。x/4。这是文件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
  }
}

Answer 3

实际上，您可以利用内置的位置服务，它拥有一个“后台”API。

此处（在TypeScript中）：

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

编辑：正如@charith.arumapperuma位置所提到的，应该从@角/共同导入，所以从'@角/共同'导入{位置}；行很重要。