angular - การใช้ [routerLinkActive] ทำให้เกิด 'ข้อผิดพลาดในการ data.split'

ภายในหนึ่งในโมดูลที่โหลดแบบขี้เกียจของฉัน ฉันกำลังใช้การกำหนดเส้นทางที่ง่าย ๆ ดังนี้:

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

แต่เมื่อรันเซิร์ฟเวอร์ ฉันได้รับข้อผิดพลาดยาวๆ ที่เริ่มต้นด้วย

ไม่ได้จับข้อผิดพลาด (ใน promise): TypeError: data.split ไม่ใช่ฟังก์ชัน TypeError: data.split ไม่ใช่ฟังก์ชัน ที่ RouterLinkActive.set [ในฐานะ routerLinkActive] (eval ....

เกิดอะไรขึ้นที่นี่? มีหนึ่งใน dependencies ของฉันที่สร้างปัญหานี้หรือไม่?

คำตอบ #1

แตกต่างจากตัวแปรแอตทริบิวต์ การผูก [routerLinkActive] ใช้อาเรย์ ลองสิ่งนี้:

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