title: Routing to a specific tab using NGX-Bootstrap
body: <p>I'm working on a project, using Angular 6 with NGX-Bootstrap tabs. </p>
  
  <p>What I'm trying to accomplish: Route to my tabs page from a different page, but to a specific tab. So far, I am able to navigate to the page with the tabs, with the correct path showing in the URL (/tabsPage#tab2), but it still lands on the first tab, and not the second.</p>
  
  <p><strong>app.component.ts</strong></p>
  
  <pre><code>@ViewChild('staticTabs') staticTabs: TabsetComponent;
  
  this.route.fragment.subscribe((fragment: string) =&gt; {
    if(fragment){
      let id = this.staticTabs.tabs.findIndex(f =&gt; f.id == fragment);
  
      if(id &gt; 0)
        this.staticTabs.tabs[id].active = true;
    }
  }
  </code></pre>
  
  <p><strong>app.component.html</strong></p>
  
  <pre><code>&lt;tabset #staticTabs&gt;
    &lt;tab id="tab1" heading="Tab 1"&gt;&lt;/tab&gt;
    &lt;tab id="tab2" heading="Tab 2"&gt;&lt;/tab&gt;
    &lt;tab id="tab3" heading="Tab 3"&gt;&lt;/tab&gt;
  &lt;/tabset&gt;
  </code></pre>
  
  <p><strong>random-page.component.html</strong></p>
  
  <pre><code>&lt;a [routerLink]="['/tabsPage']" fragment="tab2"&gt;Jump to Tab 2&lt;/a&gt;
  </code></pre>
  
  <p>Any help on this would be greatly appreciated. Thanks!</p>