使用[routerLinkActive]会在data.split'上生成错误。

时间:2017-04-04 01:04:19

标签: angular typescript

在我的一个延迟加载的模块中,我使用了一些简单的路由,如下所示:

<div id="nav">
    <div class="nav-content">
        <div class="nav-item" [routerLink]="'basic'" [routerLinkActive]="active-nav">
            <span class="glyphicon glyphicon-cog"></span>
            Basic Settings
        </div>
        <div class="nav-item" [routerLink]="'map'" [routerLinkActive]="active-nav">
            <span class="glyphicon glyphicon-map-marker"></span>
            Floor Plan
        </div>
    </div>
</div>

但是在运行服务器时,我得到一个以

开头的冗长错误
  

未捕获(承诺):TypeError:data.split不是函数   TypeError:data.split不是函数       在RouterLinkActive.set [作为routerLinkActive](eval ....

这里发生了什么?我的一个依赖项是否会产生此问题?

1 个答案:

答案 0 :(得分:5)

与属性变体不同,绑定[routerLinkActive]采用数组。试试这个:

[routerLinkActive]="['active-nav']"