title: how to make the tab active on click of that using angular2
body: <p>I have 4 tabs, on click of each tab, if it is active then it is highlighted. But to one tab i had used <code>(click)</code> event, so i am unable to make that tab active. So can anyone help me how can i make that active on click of that function.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a  id="AminManage" class="list-group-item justify-content-between" (click)="patientinfo()"  routerLinkActive="active"&gt;
    &lt;span&gt;
      &lt;i class="icon-home"&gt;&lt;/i&gt;Patient Information&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>I also used <code>[routerLink]="['/admin/patient-info/', Cookie.get('AdminPatientId')]"</code> but didnt work.</p>
  
  <p>Here this is not supporting  <code>routerLinkActive="active"</code> so is there anyway to make it work. Please help.</p>
  
  <p>Ts:</p>
  
  <pre><code>patientinfo(){
      this.router.navigate(['/admin/patient-info', Cookie.get('AdminPatientId')])
    }
  </code></pre>