title: Can't access my component reference within inactive ngb-tabset
body: <p>I'm working on a ng-bootstrap component <strong>ngb-tabset</strong>. I have 2 tabs, each containing a child component.</p>
  
  <pre><code>&lt;ngb-tabset #tabSet="ngbTabset" *ngIf="!user; else userView"&gt;
  &lt;ngb-tab id="child1" title="Child 1"&gt;
      &lt;ng-template ngbTabContent&gt;
        &lt;mt-child-one&gt;&lt;/mt-child-one&gt;
      &lt;/ng-template&gt;
    &lt;/ngb-tab&gt;
    &lt;ngb-tab id="child2" title="Child 2"&gt;
      &lt;ng-template ngbTabContent&gt;
        &lt;mt-child-two&gt;&lt;/mt-child-two&gt;
      &lt;/ng-template&gt;
    &lt;/ngb-tab&gt;
  &lt;/ngb-tabset&gt;
  &lt;ng-template #userView&gt;
  &lt;mt-user&gt;&lt;/mt-user&gt;
  &lt;/ng-template&gt;
  </code></pre>
  
  <p>In my <strong>component.ts</strong> file, I'm trying to access the reference of these two child, like:</p>
  
  <pre><code>@ViewChild(Child1Component) child1Component: Child1Component;
  @ViewChild(Child2Component) child2Component: Child2Component;
  </code></pre>
  
  <p>The problem I'm facing here is inside my <strong>ngOnInit</strong>, I can access my active tab component reference, but cannot get the reference for the inactive tab.</p>
  
  <p>I tried with putting the inactive tab under <strong>afterViewInit</strong>, but still, it returns <strong>undefined</strong>. Can anyone guide what am I doing wrong here?</p>