Angular2 RC5 路由器 3.0.0 - 共享库组件中的 <a> 中没有 href

Question

我在从共享模块的组件中生成路由链接时遇到问题。

这是plunker .

导航菜单中有 3 个链接。当我点击“信息”时，页面显示正确，并且应该有指向健康的链接。但 Angular 不解析模板和 <a>标签没有添加属性 href 。

相同的html代码

<a routerLink="/health">Health</a>

在菜单(其行为正确)和 LandingComponent 中均使用模板。

我应该导入什么以及在哪里才能使两个链接都正常工作？

Answer 1

您的 LandingComponent 是 SharedModule 的一部分。 因此，您必须将 RouterModule 导入 SharedModule 才能使链接在您的 LandingComponent 中正常工作，这是 SharedModule 的正确代码:

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';

import { LandingComponent } from './landing.component';

@NgModule({
    imports: [RouterModule],
    exports: [LandingComponent],
    declarations: [LandingComponent]
})
export class SharedModule { }