routerLinkActive对于<li>和<a>组合不起作用

Question

下面的链接对我有用：

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

但是该链接对我不起作用：

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

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

Answer 1

请检查您的CSS，也许它会放在li（tag）上而不是a（tag）。您可以将CSS活动类放在（{tag）

上