routerLinkActive不适用于类

Question

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

错误：未捕获：InvalidCharacterError：无法在'DOMTokenList'上执行'add'：提供的标记（'demo_class 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>