Upgrading to the new Angular 2 router - part 9

hero-detail.component.ts

// components/hero-detail/hero-detail.component.ts
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

import { HeroService } from '../../services/hero/hero.service'

@Component({ ... })
export class HeroDetailComponent implements OnInit {
  constructor(private route: ActivatedRoute, private heroService: HeroService) {}

  ngOnInit() {
    this.route.params
      .map(params => params.id)
      .flatMap(id => this.heroService.getHero(id))
      .subscribe(hero => this.hero = hero);
  }
}