RC6中有孩子的Angular2路由

import { Component } from '@angular/core';
import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router';

import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';
import { ContactComponent } from './contact.component';

@Component({
  selector: 'app',
  template: `
    <h1>App Component</h1>
    <nav>
      <a [routerLink]="['Home']">Home</a>
      <a [routerLink]="['About']">About</a>
      <a [routerLink]="['Contact']">Contact</a>
    </nav>
    <router-outlet></router-outlet>
  `,
  directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
  { path: '/home', name: 'Home', component: HomeComponent, useAsDefault: true },
  { path: '/about', name: 'About', component: AboutComponent },
  { path: '/contact', name: 'Contact', component: ContactComponent }
])
export class AppComponent { }