Fixing the common issue on app module and index page

Lazhari · Lazhari · commit 19ee7aa3da66 · 2018-01-14T16:56:45.000Z
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,5 +1,5 @@
 <app-header [title]="title"></app-header>
 
 <div class="container">
-  <app-users [users]="users"></app-users>
+  <router-outlet></router-outlet>
 </div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
-import { USERS } from './mock-users';
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
   title: string = 'CONTACT MANAGER';
-  users = USERS;
 }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -1,24 +1,31 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
+import { HttpClientModule } from '@angular/common/http';
 
+import { UsersService } from './services/users.service';
 
 import { AppComponent } from './app.component';
 import { HeaderComponent } from './components/header/header.component';
 import { UsersComponent } from './components/users/users.component';
 import { UserCardComponent } from './components/user-card/user-card.component';
+import { AppRoutingModule } from './/app-routing.module';
+import { AboutComponent } from './components/pages/about/about.component';
 
 
 @NgModule({
   declarations: [
     AppComponent,
     HeaderComponent,
     UsersComponent,
-    UserCardComponent
+    UserCardComponent,
+    AboutComponent
   ],
   imports: [
-    BrowserModule
+    BrowserModule,
+    HttpClientModule,
+    AppRoutingModule
   ],
-  providers: [],
+  providers: [UsersService],
   bootstrap: [AppComponent]
 })
 export class AppModule { }
diff --git a/src/app/mock-users.ts b/src/app/mock-users.ts
@@ -1,4 +1,6 @@
-export const USERS = [
+import { User } from './models/user';
+
+export const USERS: User[] = [
   {
     "guid": "60e58cc8-8a43-4d07-bba1-5a4c0e32a8ee",
     "isActive": true,
diff --git a/src/index.html b/src/index.html
@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="utf-8">
-  <title>Blog</title>
+  <title>Contact Application</title>
   <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,6 @@`
`1`		`-export const USERS = [`
	`1`	`+import { User } from './models/user';`
	`2`	`+`
	`3`	`+export const USERS: User[] = [`
`2`	`4`	`{`
`3`	`5`	`"guid": "60e58cc8-8a43-4d07-bba1-5a4c0e32a8ee",`
`4`	`6`	`"isActive": true,`