无法绑定到'routerLink',因为它不是'a'的已知属性

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

routerLink对我来说似乎没有变形......我做错了什么？

Answer 1

问题是您忘记添加RouterModule到NgModule组件中.在RC中,这被添加到了@Component({directives: [ROUTER_DIRECTIVES]}),然而,这现在被移入@NgModule({ imports: [RouterModule]}).

定义路径时,您将导入的组件之一将是RouterModule您将用于调用的组件forRoot或forChild.导入路径时,将自动导入.

因此,您将以这种方式获得RouterLink,或者通过直接导入到imports属性中@NgModule.