routerLinkActive 不适用于 router.navigateByUrl 或导航

Question

我正在通过(click)而不是[routerLink]更改路线，这不是添加类活动而是更改路线

我必须在服务器中生成一个 id，然后运行this.router.navigate并激活我侧菜单中的链接

    <li
      routerLinkActive="active" 
      [routerLinkActiveOptions]="{exact: false}">
      <a
        class="nav-link"
        (click)="addNew()"
      >
      </a>
    </li>

我的功能

  addNew(): void {
    this.userService.create().subscribe(res => {
      this.router.navigateByUrl(`user/edit/${res.data.id}`);
    });
  }

菜单中的其他地方都在使用[routerLink]，它工作正常

感谢帮助

Answer 1

routerLinkActive依赖于在同一主机或后代上有一个routerLink来知道候选链接是什么。

您需要将routerLink添加到您的<a> 。

<li routerLinkActive="active" [routerLinkActiveOptions]="{exact: false}">
  <a routerLink="???" class="nav-link" (click)="addNew()">
  </a>
</li>