Angular2中的路由错误

Question

我正在尝试使用angular2中的示例路由来在两个页面之间导航。我的控制台上没有任何错误，但我在浏览器上看不到任何内容。

我的appcomponent.ts如下

import {Component} from 'angular2/core';
import {ContactListComponent} from './contact/contactList.component'
import { ROUTER_DIRECTIVES } from 'angular2/router';
import {RouteConfig} from 'angular2/router';

@Component({
    selector: 'my-app',
    template: `
        <header>
            <nav>
                <a [routerLink] = "['Contact']" ></a>
                <a [routerLink] = "['NewContact']"></a>
            </nav>
        </header>
        <router-outlet></router-outlet>
    `,
    directives: [ContactListComponent,ROUTER_DIRECTIVES]
})

@RouteConfig([
    {path : "/contacts ", name:"Contact" , component:ContactListComponent },
    {path: "/newContact", name:"NewContact", component:ContactListComponent}
])

export class AppComponent {

}

我在index.html中提供了<base href = "/">

还在appmodule中导入了所有必需的库

任何人都可以帮我解决这个问题，为什么我的浏览器上没有任何内容。