title: Angular 4 how do I disable tab navigation in an angular material tab group?
body: <pre><code>&lt;md-tab-group&gt;
    &lt;md-tab label="Tab 1"&gt;Content 1&lt;/md-tab&gt;
    &lt;md-tab label="Tab 2"&gt;Content 2&lt;/md-tab&gt;
  &lt;/md-tab-group&gt;
  </code></pre>
  
  <p>I have a tab-group but I don't want the user to be able to change to the next form without filling the required controls first. Instead, I would like the user to only be able to navigate using a next and back buttons that I will enable disable based on validation. </p>