angular - 使用 [routerLinkActive] 生成 'error on data.split'

Question

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

<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>

但是在运行服务器时，我收到一个以

开头的冗长错误

Uncaught (in promise): TypeError: data.split is not a function TypeError: data.split is not a function at RouterLinkActive.set [as routerLinkActive] (eval ....

这是怎么回事？我的依赖项之一是否造成了此问题？

Answer 1

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

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