How to implement history.back() in angular.js

Question

I have directive which is site header with back button and I want on click to go back to the previous page. How do I do it in the angular way?

I have tried:

Answer 1

Angular 4:

/* typescript */
import { Location } from '@angular/common';
// ...

@Component({
  // ...
})
export class MyComponent {

  constructor(private location: Location) { } 

  goBack() {
    this.location.back(); // go back to previous location
  }
}