diff --git a/src/app/app.component.html b/src/app/app.component.html
index a30630e..8ff77f5 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -13,6 +13,12 @@
Link
+
+ User 1
+
+
+ User 2
+
diff --git a/src/app/user/user.component.html b/src/app/user/user.component.html
index e20d2d6..25630e5 100644
--- a/src/app/user/user.component.html
+++ b/src/app/user/user.component.html
@@ -1 +1,2 @@
User Component
+Current User Index: {{userIndex}}
diff --git a/src/app/user/user.component.ts b/src/app/user/user.component.ts
index 204ccd2..d9c93f2 100644
--- a/src/app/user/user.component.ts
+++ b/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;
+ })
}
}