angular-cn/public/docs/_examples/router/ts/app/crisis-center/crisis-center.component.1.ts

import {Component}     from '@angular/core';
import {RouteConfig, RouterOutlet} from '@angular/router-deprecated';

import {CrisisListComponent}   from './crisis-list.component.1';
import {CrisisDetailComponent} from './crisis-detail.component.1';
import {CrisisService}         from './crisis.service';

// #docregion minus-imports
@Component({
  template:  `
    <h2>CRISIS CENTER</h2>
    <router-outlet></router-outlet>
  `,
  directives: [RouterOutlet],
// #docregion providers
  providers:  [CrisisService]
// #enddocregion providers
})
// #docregion route-config
@RouteConfig([
  // #docregion default-route
  {path:'/',    name: 'CrisisList',   component: CrisisListComponent, useAsDefault: true},
  // #enddocregion default-route
  {path:'/:id', name: 'CrisisDetail', component: CrisisDetailComponent}
])
// #enddocregion route-config
export class CrisisCenterComponent { }
// #enddocregion  minus-imports