title: keep selected tab Active when page reloads in angular 2
body: <pre><code>&lt;nav class="nav-sidebar"&gt;
      &lt;ul class="nav tabs" id="myTab"&gt;
        &lt;li class="active" &gt;&lt;a  href="#tab3" data-toggle="tab" &gt;Tabl 1&lt;/a&gt; &lt;/li&gt;                               
        &lt;li class="tab2"&gt;&lt;a href="#tab2" data-toggle="tab"&gt;Tab 2&lt;/a&gt;&lt;/li&gt;
        &lt;li &gt;&lt;a href="#tab3" data-toggle="tab"&gt;Tab 3&lt;/a&gt;&lt;/li&gt;
        &lt;li &gt;&lt;a href="#tab4" data-toggle="tab"&gt;Tab 4&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#tab5" data-toggle="tab"&gt;Tab 5&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <ol>
  <li>I have used Some stackoverflow codes like given below and got the error <strong>Property 'tab' does not exist on type 'JQuery'</strong></li>
  </ol>
  
  <p><strong>In My .ts added below code on ngOnInit()</strong></p>
  
  <p><a href="https://stackoverflow.com/a/21494906/9266349">https://stackoverflow.com/a/21494906/9266349</a></p>