无法绑定到“routerLink”，因为它不是“a”[duplicate]的已知属性

Question

我更新我们的应用程序从rc4到angular2.0.0之一，我得到一个模板解析错误在运行时。这是我的视图模板：

<div *ngFor="let widget of widgets" class="col-xs-3 quick-link">
    <a [routerLink]="['/Tile', widget.WidgetRoute.Feature, widget.WidgetRoute.SubFeature]">
        <div class="tile-icon">
            <span [className]="widget.IconCssClass"></span>
            <span *ngIf="widget.BadgeNumber > 0" class="badge">{{widget.BadgeNumber}}</span>
        </div>
        <h4>{{widget.Text}}</h4>
    </a>
</div>

错误在routerlink上。以下是错误：

Can't bind to 'routerLink' since it isn't a known property of 'a'. ("

    <div *ngFor="let widget of widgets" class="col-xs-3 quick-link">
        <a [ERROR ->][routerLink]="['/Tile', widget.WidgetRoute.Feature, widget.WidgetRoute.SubFeature]">
            <di"): LdrComponent@4:19
Can't bind to 'ngIf' since it isn't a known property of 'span'. ("tile-icon">
                <span [className]="widget.IconCssClass"></span>
                <span [ERROR ->]*ngIf="widget.BadgeNumber > 0" class="badge">{{widget.BadgeNumber}}</span>
            </div>
     "): LdrComponent@7:22

路由器链接在我看来并不畸形...我到底做错了什么？

Answer 1

自rc-4以来，一些语法发生了变化，特别是如果您没有使用路由器3.0。

请在此处遵循RouterLink部分。

https://angular.io/docs/ts/latest/guide/router.html

要检查的其他内容很少，只有设置app.module.ts.的配置部分

希望这能让你走上正确的方向！

Answer 2

问题是您忘记将RouterModule添加到NgModule组件中。在RC中，它被添加到@组件（{directives:[ROUTER\u directives]}），但是，它现在被移动到@NgModule（{imports:[RouterModule]}）。

定义路由时，将导入的组件之一是RouterModule，用于调用forRoot或forChild。导入管线时，将自动导入该管线。

因此，您将以这种方式获得RouterLink，或者通过直接导入到@NgMoules的导入属性。