import 'rxjs/add/operator/switchMap';
import { Component, OnInit, HostBinding } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { Router, ActivatedRoute, ParamMap } from '@angular/router';

@Component({
  template: `
  <h2>HEROES</h2>
  <div *ngIf="project">
    <h3>"{{ project.name }}"</h3>
    <div>
      <label>Id: </label>{{ project.id }}</div>
    <div>
      <label>Name: </label>
      <input [(ngModel)]="project.name" placeholder="name"/>
    </div>
  </div>
  `
})
export class ProjectDetailComponent implements OnInit {


  constructor(
    private route: ActivatedRoute,
    private router: Router,
  ) {}

  ngOnInit() {
      debugger;
    // this.hero$ = this.route.paramMap
    //   .switchMap((params: ParamMap) =>
    //     this.service.getHero(params.get('id')));
  }

}