title: Angular routerLinkActiveOptions
body: <p>I have some link like this</p>
  
  <pre><code>&lt;li routerLinkActive="active" class="nav-item"&gt;
  &lt;a [routerLink]="['contracts']" 
  [queryParams]="{ activeOnly: false }" 
  class="nav-link"&gt;Contracts&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>You see here in params i have <strong>?activeOnly=false</strong> with this approach all is ok when my url is like</p>
  
  <p><strong>contracts?activeOnly=false</strong> 
  active css class is added in html and user can see that it is active link</p>
  
  <p>The problem I have that sometimes url can be changed like this 
  <strong>contracts?activeOnly=true&amp;id=1</strong> then <strong>active</strong> css does not apply anymore. </p>
  
  <p>What i need is to have active css class on element even if url has changed with query params.</p>
  
  <p>Example if url is like this <strong>contracts?activeOnly=true&amp;id=1</strong></p>
  
  <p><strong>active</strong> css class must also stay on <strong>LI</strong> html tag</p>