title: Nested tabs using angularjs
body: <p>Need to create nested tabs.</p>
  
  <p>In a page there will be multiple Person id tabs as outer tabs and on clicking each tab it will open inner tabs like Home,Office etc., and on clicking inner tab - Home, the tab content will display.</p>
  
  <p>Outertab: Person 1     Person2</p>
  
  <p>Innertab:   Home  Office</p>
  
  <p>Refering the site - <a href="http://angular-ui.github.io/bootstrap/" rel="noreferrer">http://angular-ui.github.io/bootstrap/</a> , created outer tabs with content. created 2 separate tabset but not able to give link between the two tabset.</p>
  
  <p>Can someone help me how to write directive for nested tabs? Any reference links?</p>