Angular material tabs not working (md-tabs)
<p>Using Angular material to open up a dialog which uses tab in the content body ( <a href="https://material.angularjs.org/latest/demo/dialog" rel="nofollow noreferrer">https://material.angularjs.org/latest/demo/dialog</a> ). Now the dialog is popping up but I can on see the content of first tab and do not see the tab options to toggle from one tab to another. Adding html snippet:</p>

<pre><code>    &lt;md-dialog-content style="max-width:800px;max-height:810px; "&gt;
      &lt;md-tabs md-dynamic-height md-border-bottom&gt;
        &lt;md-tab label="one"&gt;
          &lt;md-content class="md-padding"&gt;
            &lt;h1 class="md-display-2"&gt;Tab One&lt;/h1&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi.&lt;/p&gt;
          &lt;/md-content&gt;
        &lt;/md-tab&gt;
        &lt;md-tab label="three"&gt;
          &lt;md-content class="md-padding"&gt;
            &lt;h1 class="md-display-2"&gt;Tab Three&lt;/h1&gt;
            &lt;p&gt;Integer turpis erat, porttitor vitae mi faucibus, laoreet interdum tellus. Curabitur posuere molestie dictum. Morbi eget congue risus, quis rhoncus quam. Suspendisse vitae hendrerit erat, at posuere mi. Cras eu fermentum nunc. Sed id ante eu orci commodo volutpat non ac est. Praesent ligula diam, congue eu enim scelerisque, finibus commodo lectus.&lt;/p&gt;
          &lt;/md-content&gt;
        &lt;/md-tab&gt;
      &lt;/md-tabs&gt;
    &lt;/md-dialog-content&gt;
</code></pre>