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