routerLinkActive not working for
and Combination

Question

The links below Works for me:

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

But the link doesn't work for me:

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

I want to know what's the problem with li and a combination?

@BahadorRaghibizadeh Why should I do that. I hard-coded the link, not binding property. I get error doing this — Md Rafee, Aug 22 '19 at 12:00
Do you get any errors, and have you tried with something like — cnps, Aug 22 '19 at 12:06

score 1 · Accepted Answer · answered Aug 22 '19 at 12:06

1

Please check your CSS maybe it will be on li(tag) not for a(tag). You can put CSS active class on a(tag)

answered Aug 22 '19 at 12:06

Rushi Patel

561
4
14

Yes, it was my problem in css. Thanks – Md Rafee Aug 22 '19 at 12:11

routerLinkActive not working for and Combination

1 Answers1

routerLinkActive not working for
and Combination