title: How can use routerLink and (click) in same button?
body: <p>i code sideNavBar and when i click on one icon i have two action. first my sideNavBar must open and second i must route to desired URL without reload browser, but when i use two these thing at same time , it just like my page reload and route to that URL, but when my html file render all other URL that i use alone work fine.</p>
  
  <p>here is my code : </p>
  
  <pre><code> &lt;li class="li-margin-icon"&gt;
      &lt;a class="icon-calendar"
         routerLinkActive="active" routerLink="./analysis-overview"&gt;&lt;/a&gt;
    &lt;/li&gt;
  
  &lt;li class="li-margin-icon"&gt;
      &lt;a class="icon-calendar"
         (click)="subSideNav('content-production')"
         routerLinkActive="active" routerLink="./content/production"
         &gt;&lt;/a&gt;
    &lt;/li&gt;
  </code></pre>
  
  <p>first router works fine but second one reload my browser for navigating to URL.</p>
  
  <p>how can i fix this problem ?</p>