Angular2 路由器链接不工作

我的路由器链接从根组件工作，如果我将链接移动到子组件，则同一链接不起作用。 plunker 代码显示工作链接和非工作链接。先感谢您。以下是无效的链接。

//our root app component
import {Component} from '@angular/core'

@Component({
    selector: 'my-menu',
    template: `
    <div>
    <a routerLink="/comp11" routerLinkActive="active">Crisis Center</a> | 
    <a routerLink="/comp12" routerLinkActive="active">Heroes</a> | 
    <a routerLink="/comp21" routerLinkActive="active">Heroes</a> | 
    <a routerLink="/comp22" routerLinkActive="active">Heroes</a>
  </div>
`,
})
export class AppLayout {}

有问题的 Plunker 代码

你应该导入RouterModule在你的 AppLayoutModule 中，它看起来如下：

import {NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'
import {AppLayout} from './layout.component';
import {RouterModule} from '@angular/router';

@NgModule({
    imports: [ BrowserModule, RouterModule ],
    declarations: [ AppLayout ],
    exports: [ AppLayout ]
})

export class AppLayoutModule {}

没有它组件就不知道什么routerLink是并且不编译它来纠正href属性。

更新了Plunkerhere