add routing + command page

Author: stephenlautier

.editorconfig

@@ -2,6 +2,7 @@
 [*.{js,ts}]
 charset = utf-8
 indent_style = tab
+indent_size = 4
 trim_trailing_whitespace = true
 
 [package.json]

src/app/app-routing.module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from "@angular/core";
+import { Routes, RouterModule } from "@angular/router";
+
+import { CommandComponent } from "./command/command.component";
+
+const routes: Routes = [
+{ path: "command", component: CommandComponent }
+];
+
+@NgModule({
+imports: [RouterModule.forRoot(routes)],
+exports: [RouterModule]
+})
+export class AppRoutingModule { }

src/app/app.component.html

@@ -30,4 +30,6 @@ <h2>
  href="https://blog.angular.io/">Angular blog</a>
  </h2>
  </li>
-</ul>
+</ul>
+
+<router-outlet></router-outlet>

src/app/app.component.spec.ts

@@ -1,8 +1,12 @@
 import { TestBed, async } from "@angular/core/testing";
+import { RouterTestingModule } from "@angular/router/testing";
 import { AppComponent } from "./app.component";
 describe("AppComponent", () => {
 beforeEach(async(() => {
 TestBed.configureTestingModule({
+imports: [
+RouterTestingModule
+],
 declarations: [
 AppComponent
 ],

src/app/app.component.ts

@@ -7,4 +7,4 @@ import { Component } from "@angular/core";
 })
 export class AppComponent {
 title = "app";
-}
+}

src/app/app.module.ts

@@ -1,16 +1,20 @@
 import { BrowserModule } from "@angular/platform-browser";
 import { NgModule } from "@angular/core";
 
+import { AppRoutingModule } from "./app-routing.module";
 
 import { AppComponent } from "./app.component";
+import { CommandComponent } from "./command/command.component";
 
 
 @NgModule({
 declarations: [
-AppComponent
+AppComponent,
+CommandComponent
 ],
 imports: [
-BrowserModule
+BrowserModule,
+AppRoutingModule
 ],
 providers: [],
 bootstrap: [AppComponent]

src/app/command/command.component.html

@@ -0,0 +1 @@
+<h1>{{title}}</h1>

src/app/command/command.component.scss

@@ -0,0 +1,10 @@
+import { Component } from "@angular/core";
+
+@Component({
+selector: "app-command",
+templateUrl: "./command.component.html",
+styleUrls: ["./command.component.scss"]
+})
+export class CommandComponent {
+title = "Command";
+}