detalle.component.ts

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { GenteService } from '../../services/gente.service';

@Component({
  selector: 'formacion-detalle',
  templateUrl: 'detalle.component.html',
})
export class DetalleComponent implements OnInit {
  persona: any = {};
  constructor(
    private _genteService: GenteService,
    private route: ActivatedRoute
  ) {}

  ngOnInit() {
    const routeParams = this.route.snapshot.paramMap;
    const productIdFromRoute = Number(routeParams.get('id'));
    this._genteService.getPersonas().subscribe((data) => {
      this.persona = data.gente[productIdFromRoute];
    });
  }
}