// #docregion gotoCrises
 gotoCrises() {
   let crisisId = this.crisis ? this.crisis.id : null;
   // Pass along the hero id if available
   // so that the CrisisListComponent can select that hero.
   // Add a totally useless `foo` parameter for kicks.
   // #docregion gotoCrises-navigate
   this._router.navigateByUrl(`/crisis-center/${crisisId};foo=foo`);
   // #enddocregion gotoCrises-navigate
 }

 gotoHeroes() {
   let heroId = this.hero ? this.hero.id : null;
   // Pass along the hero id if available
   // so that the HeroList component can select that hero.
   // Add a totally useless `foo` parameter for kicks.
   // #docregion gotoHeroes-navigate
   this._router.navigateByUrl(`/heroes/${heroId};foo=foo`);
   // #enddocregion gotoHeroes-navigate
 }

 // #enddocregion OnActivate

  // #docregion gotoHeroes
  gotoHeroes() {
    // Like <a [routerLink]="['/heroes']">Heroes</a>
    this._router.navigateByUrl('/heroes');
  }

  // #enddocregion cancel-save

  // #docregion gotoCrises
  gotoCrises() {
    // Like <a [routerLink]="[/crisis-center/]">Crisis Center</a
    this._router.navigateByUrl('/crisis-center/');
  }

 // #docregion select
 onSelect(crisis: Crisis) {
   this._router.navigateByUrl( `/crisis-list/${crisis.id}`);
 }

 // #docregion select
 onSelect(hero: Hero) {
   // #docregion nav-to-detail
   this._router.navigateByUrl( `/heroes/${hero.id}`);
   // #enddocregion nav-to-detail
 }

  // #enddocregion isSelected

  // #docregion select
  onSelect(hero: Hero) {
    this._router.navigateByUrl(`/heroes/${hero.id}`);
  }