title: AngularJS UI Bootstrap Tabs that support routing
body: <p>I would like to use <a href="http://angular-ui.github.io/bootstrap/#/tabs">AngularJS UI Bootstrap Tabs</a> in my project, but I need it to support routing.</p>
  
  <p>For example:</p>
  
  <pre><code>Tab         URL
  --------------------
  Jobs       /jobs
  Invoices   /invoices
  Payments   /payments
  </code></pre>
  
  <p>As far as I can tell from the source code, the current <code>tabs</code> and <code>pane</code> directives doesn't support routing.</p>
  
  <p>What would be the best way to add routing?</p>