title: How to use "routerLinkActive" with query params in Angular 6?
body: <p>I have a problem in Angular: I have three links, one of them has query params (due to using a resolver). If I click the first and the third link, the <code>routerLinkActive</code> is set. If I click the second link <code>routerLinkActive</code> is set too. But if I change the query parameter inside the component <code>routerLinkActive</code> gets unset.</p>
  
  <p>So, I need to ignore the query params. But how does it work? Can anyone help me?</p>
  
  <p>Here is my simple code:</p>
  
  <pre><code>&lt;div class="col-12"&gt;
      &lt;ul class="nav nav-pills nav-justified"&gt;
          &lt;li class="nav-item"&gt;
              &lt;a 
                class="nav-link" 
                routerLink="/einstellungen/allgemein"                             
                routerLinkActive="active"&gt;
                Allgemein
              &lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="nav-item"&gt;
              &lt;a 
                class="nav-link" 
                [routerLink]="['/einstellungen/kalender']" 
                [queryParams]="{branch: myBranches[0].id}" 
                routerLinkActive="active"
                [routerLinkActiveOptions]="{exact: false}"&gt;
                Kalender verwalten
             &lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="nav-item"&gt;
              &lt;a 
                class="nav-link" 
                *ngIf="user.is_admin" 
                routerLink="/einstellungen/filialen" 
                routerLinkActive="active"&gt;
                Filialen verwalten
              &lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>