routerLinkActiveは、任意のクエリが

Question

をparamsは、私は次のような場合

でrouterLinkActiveを使用しようとしています」./path1' リンクのパス1がアクティブであるべきことができます。

'./path1?param1=70000 & param2 = test2'リンクパス1がアクティブである必要があります。

'./path1/path2'リンクパス2がアクティブである必要があります。

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

routerLinkActiveOptions path1 with queryparamsはアクティブではありません。

どのようにqueryparametersで動作するようにrouterLinkActiveを設定できますか？

Answer 1

this questionと表示される場合があります。彼は別のタグを追加することで動作させることができたが、それを隠すようにして、liタグ内のすべてを包み込んだ。それはのように見えます。

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