Recibiendo parametros por URL

TheJonaCode · Sep 25, 2020 · 6368289 · 6368289
1 parent 159a940
commit 6368289
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git a/src/app/components/heroe/heroe.component.ts b/src/app/components/heroe/heroe.component.ts
@@ -1,14 +1,25 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+import { HeroesService } from '../../servicios/heroes.service'
 
 @Component({
   selector: 'app-heroe',
   templateUrl: './heroe.component.html'
 })
-export class HeroeComponent implements OnInit {
+export class HeroeComponent {
+
+  heroe: any = {};
+
+
+  constructor( private activatedRoute: ActivatedRoute,
+                private _heroesService: HeroesService  
+            ) {
 
-  constructor() { }
+    this.activatedRoute.params.subscribe( params =>{
+      this.heroe = this._heroesService.getHeroe( params['id'] );
+    } );
 
-  ngOnInit(): void {
-  }
+   }
 
 }
diff --git a/src/app/servicios/heroes.service.ts b/src/app/servicios/heroes.service.ts
@@ -65,6 +65,9 @@ export class HeroesService{
         return this.heroes;
     }
 
+    getHeroe( idx: string){
+      return this.heroes[idx];
+    }
 
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -65,6 +65,9 @@ export class HeroesService{ @@
             return this.heroes;
         }
+        getHeroe( idx: string){
+          return this.heroes[idx];
+        }
     }
@@ Expand Down @@