返回到Angular 4中的上一页[重复]

Question

我想回到上一页。

上一页：作业。html当前页面：jobDetail。html

按照说明，我从“@角度/公共”添加了<代码>导入{Location} 至作业详细信息。组成部分ts文件位于顶部，后跟

export class MyDetailComponent implements OnInit {
constructor(private location: Location) {}
    ngOnInit() {
        this.location.subscribe(x => console.log(x));
    }
}

我在jobDetail中有一个html代码。html，但不知道如何继续。如何正确添加上一个按钮。像我这样的新手没有简单的教程。

<a routerLink="">Back</a>

Answer 1

这是Hinrich发布的：

import { Location } from '@angular/common';
// more imports here...

@Component({
  // component's declarations here
})
export class MyComponent {

  constructor(private location: Location) { } // inject Location into class constructor

  cancel() {
    this.location.back(); // <-- go back to previous location on cancel
  }
}

超文本标记语言

<a (click)="cancel()">Back</a>