routerLinkActive不应用类

Question

我有菜单，里面有两个元素。我想根据使用routerLinkActive的路由应用特定的类。但是这些类并没有被应用。我得到的错误是：

错误: InvalidCharacterError:未能在‘DOMTokenList’上执行'add‘：提供的令牌('demo_class演示类-active’)包含HTML

我的component.html代码

<nav class="class-bar">
    <ul class="class-bar__menu">
      <li class="class-bar__item">
        <a [routerLinkActive]="['demo_class demo_class--active']"  routerLink = "/xyz">Item1</a>
      </li>
      <li class="class-bar__item">
        <a [routerLinkActive]="['demo_class demo_class--active']" [routerLink] = "['/abc']">Item2</a>
      </li>

    </ul>
  </nav>

Answer 1

试试这个方法

 <li routerLinkActive="'demo_class demo_class--active'">

Answer 2

尝试将您的代码设置如下：

<a routerLinkActive="demo_class"
   [routerLinkActiveOptions]="{ exact: true }"
   routerLink="/xyz">Item1</a>