feat($about): Add an about page.

Add an about page and set up the routing.

src/app/app-routing.module.ts

@@ -3,9 +3,11 @@ import { RouterModule, Routes } from '@angular/router';
 import { NgModule } from '@angular/core';
 import { PostsComponent } from './ngx-blog/components/posts/posts.component';
 import { BlogComponent } from './ngx-blog/components/blog/blog.component';
+import { AboutComponent } from './ngx-blog/components/about/about.component';
 
 const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
+ { path: 'about', component: AboutComponent },
  { path: 'home', component: HomeComponent },
  { path: 'posts', component: PostsComponent },
  { path: 'blog/:urlTitle', component: BlogComponent }

src/app/app.component.html

@@ -6,6 +6,8 @@
  [routerLinkActiveOptions]="{exact: true}">Home</a>
  <a routerLink="posts"
  routerLinkActive="active">Posts</a>
+ <a routerLink="about"
+ routerLinkActive="active">About</a>
  </nav>
 </header>
 <router-outlet

src/app/ngx-blog/components/about/about.component.html

@@ -0,0 +1 @@
+About Component

src/app/ngx-blog/components/about/about.component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'ngxb-about',
+ templateUrl: './about.component.html'
+})
+export class AboutComponent {
+ constructor() { }
+}

src/app/ngx-blog/ngx-blog.module.ts

@@ -7,6 +7,7 @@ import { CommonModule } from '@angular/common';
 import { PostsComponent } from './components/posts/posts.component';
 import { PostModule } from './components/post/post.module';
 import { BlogComponent } from './components/blog/blog.component';
+import { AboutComponent } from './components/about/about.component';
 
 export const ROUTES: Routes = [
  { path: '', component: HomeComponent }
@@ -20,9 +21,10 @@ export const ROUTES: Routes = [
  ],
  exports: [],
  declarations: [
+ AboutComponent,
+ BlogComponent,
  HomeComponent,
  PostsComponent,
- BlogComponent
  ],
  providers: [
  PostsService