routerLinkActive 不适用于 <li> 和 <a> 组合

Question

下面的 link 适合我：

<li routerLink="/profile/education" [routerLinkActive]="'active-link'">Education</li>

<li routerLink="/profile/education" [routerLinkActive]="'active-link'"><span>Education</span></li>

<a routerLink="/profile/education" [routerLinkActive]="'active-link'">Education</a>

<h1><a routerLink="/profile/basic" [routerLinkActive]="'active-link'">Education</a></h1>

但是 link 对我不起作用：

<li><a routerLink="/profile/basic" [routerLinkActive]="'active-link'">Education</a></li>

我想知道 li 和组合有什么问题？

Answer 1

请检查您的 CSS 也许它会出现在 li(tag) 而不是 a(tag) 上。您可以将 CSS active class 放在 a(tag)

上

routerLinkActive 不适用于 <li> 和 <a> 组合

routerLinkActive not working for <li> and <a> Combination

routerlinkactive

angular