title: Angular-2-material mat-ink-bar not on default tab
body: <p>I am trying to lay out tabs on my website and I am using md-tab-group to achieve this. I am unable to get the ink-bar to be on the default but however, the content written on the respective tab is available. The ink-bar appears on click and not on init of the page. Below is my code</p>
  
  <pre><code>&lt;md-tab-group dynamicHeight = "true" &gt;
     &lt;md-tab id="hello1" label="Tab 1"&gt;
      &lt;!-- some content here --&gt;
     &lt;/md-tab&gt;
  
     &lt;md-tab id="hello2" label="Tab 2"&gt;
    &lt;!-- some content here --&gt;
     &lt;/md-tab&gt;
  
  &lt;/md-tab-group&gt;
  </code></pre>
  
  <p>The solutions that I have tried are a) <a href="https://stackoverflow.com/questions/45289120/selectedindex-not-working-in-md-tab-group-when-dynamically-generating-tabs">selectedIndex not working in md-tab-group when dynamically generating tabs</a> 
  b) <a href="https://stackoverflow.com/questions/47463849/angular-material-tabs-selectedindex-0-not-working">Angular Material Tabs SelectedIndex 0 not working</a></p>
  
  <p>Any idea what am I overlooking? </p>