title: Separate controller per tab in angular-material w/ ui-router
body: <p>I'm trying to implement my <code>md-tabs</code> so each <code>md-tab</code> is a separate state using angular-material. My current markup looks like this:</p>
  
  <pre><code>  md-tabs.is-flex.auto-flex(selected="selectedIndex",layout="vertical")
       md-tab(on-select="selectTab(0)",label="Player",ui-sref="state1")
          div.tab(ui-view)
  
       md-tab(on-select="selectTab(1)",label="Map",ui-sref="state2")
          div.tab(ui-view)
  </code></pre>
  
  <p>I don't think this is valid markup for ui-router, though. Is it possible to do this with the current version of angular-material and ui-router?</p>