feat(router-service): add back/forward api for router. resolves #19

apps/responsive-app/src/app/app.component.css

@@ -9,6 +9,12 @@
   margin: 0 auto;
 }
 
+.navigation-container {
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
+  margin-bottom: 20px;
+}
+
 main {
   padding: 20px;
 }

apps/responsive-app/src/app/app.component.html

@@ -10,6 +10,11 @@
 </mat-toolbar>
 
 <main>
+  <div class="navigation-container">
+    <button mat-flat-button (click)="router.back()">Go Back</button>
+    <div></div>
+    <button mat-flat-button (click)="router.forward()">Go Forward</button>
+  </div>
   <mat-grid-list cols="2" *media="'(min-width: 768px)'">
     <mat-grid-tile>
       <mat-nav-list>

apps/responsive-app/src/app/app.component.ts

@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { Router } from 'angular-routing';
 
 @Component({
   selector: 'ra-root',
@@ -7,4 +8,5 @@ import { Component } from '@angular/core';
 })
 export class AppComponent {
   title = 'responsive-app';
+  constructor(public readonly router: Router) {}
 }

libs/angular-routing/src/lib/router.service.ts

@@ -50,6 +50,16 @@ export class Router {
     this.nextState(this.getLocation());
   }
 
+  forward() {
+    this.location.forward();
+    this.nextState(this.getLocation());
+  }
+
+  back() {
+    this.location.back();
+    this.nextState(this.getLocation());
+  }
+
   go(url: string, queryParams?: Params, hash?: string) {
     this.location.go(this.serializeUrl(url, queryParams, hash));