diff --git a/src/app/user/user.component.html b/src/app/user/user.component.html
index 25630e5..4767192 100644
--- a/src/app/user/user.component.html
+++ b/src/app/user/user.component.html
@@ -1,2 +1,2 @@
 <h2>User Component</h2>
-Current User Index: {{userIndex}}
+Current User: {{user}}
diff --git a/src/app/user/user.component.ts b/src/app/user/user.component.ts
index d9c93f2..8c1dadb 100644
--- a/src/app/user/user.component.ts
+++ b/src/app/user/user.component.ts
@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute }   from '@angular/router';
+import { USERS } from './users';
 
 @Component({
   selector: 'app-user',
@@ -7,7 +8,7 @@ import { ActivatedRoute }   from '@angular/router';
   styleUrls: ['./user.component.css']
 })
 export class UserComponent implements OnInit {
-  userIndex: Number;
+  user: String;
 
   constructor(
       private route: ActivatedRoute
@@ -15,7 +16,7 @@ export class UserComponent implements OnInit {
 
   ngOnInit() {
       this.route.params.forEach(param => {
-          this.userIndex = param.index;
+          this.user = USERS[param.index];
       })
   }