diff --git a/src/app/app.component.html b/src/app/app.component.html
index 8ff77f5..e184eb9 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -13,11 +13,12 @@
         <li>
             <a routerLink="/links">Link</a>
         </li>
-        <li>
-            <a routerLink="/user/1">User 1</a>
-        </li>
-        <li>
-            <a routerLink="/user/2">User 2</a>
+    </ul>
+</nav>
+<nav>
+    <ul>
+        <li *ngFor="let user of users; index as i">
+            <a routerLink="/user/{{i}}">{{user}}</a>
         </li>
     </ul>
 </nav>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 7b0f672..1d4994d 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { USERS } from './user/users';
 
 @Component({
   selector: 'app-root',
@@ -7,4 +8,5 @@ import { Component } from '@angular/core';
 })
 export class AppComponent {
   title = 'app';
+  users = USERS;
 }