displaying index param on user component

src/app/app.component.html

@@ -13,6 +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>
+        </li>
     </ul>
 </nav>
 <router-outlet></router-outlet>

src/app/user/user.component.html

@@ -1 +1,2 @@
 <h2>User Component</h2>
+Current User Index: {{userIndex}}

src/app/user/user.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute }   from '@angular/router';
 
 @Component({
   selector: 'app-user',
@@ -6,10 +7,16 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./user.component.css']
 })
 export class UserComponent implements OnInit {
+  userIndex: Number;
 
-  constructor() { }
+  constructor(
+      private route: ActivatedRoute
+  ) { }
 
   ngOnInit() {
+      this.route.params.forEach(param => {
+          this.userIndex = param.index;
+      })
   }
 
 }