web-dev-qa-db-ja.com

Angular 4で前のページに戻る

前のページに戻りたい。

前のページ：job.html現在のページ：jobDetail.html

指示に従って、import { Location } from '@angular/common';を上部のjobDetail.component.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>
angularangular-ui-router
5
Elaine Byene

これは、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
  }
}

HTML

<a (click)="cancel()">Back</a>
18
Elaine Byene