routerLinkActive erlauben jede Abfrage

Question

params Ich versuche routerLinkActive mit den folgenden Fällen zu verwenden

‘./path1' sollte der Link path1 aktiv sein.

'./path1?param1=70000 & param2 = test2' Der Link path1 sollte aktiv sein.

'./path1/path2' sollte der Link path2 aktiv sein.

<a [routerLink]="./path1" [routerLinkActiveOptions]="{ exact: true }" 
    [routerLinkActive]="['active']">My link</a> 

mit routerLinkActiveOptions path1 mit queryparams ist nicht aktiv.

Wie kann ich routerLinkActive konfigurieren, um mit beliebigen Abfrageparametern zu arbeiten?

Answer 1

Vielleicht möchten Sie this question sehen. Er schaffte es, es funktioniert zu lassen, indem er ein anderes Tag hinzufügt, aber es versteckt, und alles in li Tag einwickelt. Es sieht aus wie.

<li routerLinkActive="active"> 
    <a [routerLink]="['/view', 10]"     
     [queryParams]="{'offset': 0, 'numberOfItems': 100}" 
     queryParamsHandling="merge"> 
     <div>View</div> 
     <div><span class="badge" [innerHtml]="viewCount"></span></div> 
    </a> 
    <a [routerLink]="['/view', 10]" style="display:none;">     
     <div><span class="badge" [innerHtml]="viewCount"></span></div> 
    </a> 
</li>