Add handling for invalid routes (angular#191)

Author: rafaelss95

src/app/pages/component-viewer/component-viewer.ts

@@ -1,5 +1,5 @@
 import {Component, NgModule, ViewEncapsulation} from '@angular/core';
-import {ActivatedRoute, RouterModule} from '@angular/router';
+import {ActivatedRoute, Router, RouterModule} from '@angular/router';
 import {DocumentationItems, DocItem} from '../../shared/documentation-items/documentation-items';
 import {ComponentPageTitle} from '../page-title/page-title';
 import {MdTabsModule} from '@angular/material';
@@ -17,11 +17,17 @@ export class ComponentViewer {
   componentDocItem: DocItem;
 
   constructor(private _route: ActivatedRoute,
+              private router: Router,
               public _componentPageTitle: ComponentPageTitle,
               public docItems: DocumentationItems) {
-    _route.params.subscribe(p => {
-      this.componentDocItem = docItems.getItemById(p['id']);
-      this._componentPageTitle.title = `${this.componentDocItem.name}`;
+    this._route.params.subscribe(params => {
+      this.componentDocItem = docItems.getItemById(params['id']);
+
+      if (this.componentDocItem) {
+        this._componentPageTitle.title = `${this.componentDocItem.name}`;
+      } else {
+        this.router.navigate(['/components']);
+      }
     });
   }
 }

src/app/routes.ts

@@ -37,10 +37,12 @@ export const MATERIAL_DOCS_ROUTES: Routes = [
           {path: 'overview', component: ComponentOverview, pathMatch: 'full'},
           {path: 'api', component: ComponentApi, pathMatch: 'full'},
           {path: 'examples', component: ComponentExamples, pathMatch: 'full'},
+          {path: '**', redirectTo: 'overview'},
         ],
       },
     ],
   },
   {path: 'guides', component: GuideList},
   {path: 'guide/:id', component: GuideViewer},
+  {path: '**', redirectTo: ''},
 ];