web-dev-qa-db-fra.com

Revenir à la page précédente dans Angular 4

Je veux revenir à la page précédente.

Page précédente: job.html Page actuelle: jobDetail.html

Conformément aux instructions, j'ai ajouté import { Location } from '@angular/common'; à la jobDetail.component.ts fichier en haut suivi de

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

J'ai un code html dans jobDetail.html mais je ne sais pas comment continuer. Comment ajouter correctement un bouton précédent. Il n'y a pas de tutoriel facile pour les débutants comme moi.

<a routerLink="">Back</a>
angularangular-ui-router
5
Elaine Byene

Cela a fonctionné comme indiqué par 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>
19
Elaine Byene