Web Application Development with MEAN

Finishing touch

We have added all the necessary modules into our application. We should also take a final look at our main app component, found under the following path—contact-manager/public/src/app.component.ts:

import { Component } from 'angular2/core'; import { RouteConfig, RouterOutlet } from 'angular2/router'; import { Router } from 'angular2/router'; import { AuthHttp } from './auth/auth-http'; import { Signin } from './auth/signin'; import { Register } from './auth/register'; import { ContactComponent } from './contact/components/contact.component'; @RouteConfig([ { path: '/signin', as: 'Signin', component: Signin }, { path: '/register', as: 'Register', component: Register }, { path: '/contacts/...', as: 'Contacts', component: ContactComponent, ...