displaying all users in nav

src/app/app.component.html

@@ -13,11 +13,12 @@
         <li>
             <a routerLink="/links">Link</a>
         </li>
-        <li>
+    </ul>
-            <a routerLink="/user/1">User 1</a>
+</nav>
-        </li>
+<nav>
-        <li>
+    <ul>
-            <a routerLink="/user/2">User 2</a>
+        <li *ngFor="let user of users; index as i">
+            <a routerLink="/user/{{i}}">{{user}}</a>
         </li>
     </ul>
 </nav>

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;
 }