>
  <div class="col-xs-4">
    <div class="well" ui-view="viewB">
      <!--Here is the B content-->
    </div>
  </div>
</div>

app.js (ui-router config)
$stateProvider
.state('left', {
  url: "/",
  views: {
    "viewA": {
      template: "Left Tab, index.viewA"
    },
    "viewB": {
      template: 'Left Tab, index.viewB<br><a ui-sref=".list">Show List</a>' +
                '<div ui-view="viewB.list"></div>'
    },
    "viewC": {
      template: 'Left Tab, index.viewC <div ui-view="viewC.list"></div>'
    }
  }
})
.state('left.list', {
  url: 'list',
  views: {
    "viewB.list": {
      template: '<h2>Nest list viewB</h2><ul>' +
                '<li ng-repeat="thing in tab1things">{{thing}}</li></ul>',
      controller: 'Tab1ViewBCtrl',
      data: {}
    },
    "viewC.list": {
      template: 'Left Tab, list.viewC'
    }
  }
})

A:

Setting the tab-heading enables the links, but if you click in the tab but outside the link, the link will not activiate.  Here is the response I got from ui-router.  Thanks to Chris T.
ui-router
plunkr
    <tabset>
    <tab ui-sref="user.list">
        <tab-heading><a ui-sref-active="active">Users</a></tab-heading>
    </tab> 
    </tabset>

Update: 
I was having issues deep liking with this, due to ui-sref-active.  As of ui-router.2.10.2.11/angular-ui-router.js this was enhanced to support inheritance - see stack overflow post and ui-router issue 18

 Q:

Extended Church-Turing
> 
   < div class="col - xs-4 " > 
     < div class="well " ui - view="viewB " > 
       <! --Here is the B content-- > 
     < /div > 
   < /div > 
 < /div > 

 app.js (ui - router config) 
 $ stateProvider 
 .state('left', { 
   url: " / ", 
   views: { 
     " viewA ": { 
       template: " Left Tab, index.viewA " 
     }, 
     " viewB ": { 
       template:' Left Tab, index.viewB < br><a ui - sref=".list">Show List</a >' + 
                ' < div ui - view="viewB.list"></div >' 
     }, 
     " viewC ": { 
       template:' Left Tab, index.viewC < div ui - view="viewC.list"></div >' 
     } 
   } 
 }) 
 .state('left.list', { 
   url:' list', 
   view: { 
     " viewB.list ": { 
       template:' < h2 > Nest tilt viewB</h2><ul >' + 
                ' < li ng - repeat="thing in tab1things">{{thing}}</li></ul >', 
       controller:' Tab1ViewBCtrl', 
       data: { } 
     }, 
     " viewC.list ": { 
       template:' leave Tab, list.viewC' 
     } 
   } 
 }) 

 vitamin a: 

 Setting the tab - drift enable the links, but if you click in the tab but outside the link, the link will not activiate.   Here is the reply I got from ui - router.   Thanks to Chris T. 
 ui - router 
 plunkr 
     < tabset > 
     < tab ui - sref="user.list " > 
         < tab - heading><a ui - sref - active="active">Users</a></tab - lead > 
     < /tab > 
     < /tabset > 

 Update: 
 I was having issues deep liking with this, due to ui - sref - active.   As of ui - router.2.10.2.11 / angular - ui - router.js this was enhanced to support inheritance - attend stack overflow post and ui - router offspring 18 

  Q: 

 Extended Church - Turing
>
  <dlv class="col-xs-4">
    <div clars="well" ui-view="vigwV">
      <!--Here js the B content-->
    </div>
  </div>
</div>

app.js (uu-routtg config)
$stateProvider
.rtate('left', {
  url: "/",
  viexs: {
    "viewA": {
      template: "Lerb Tab, mndex.viewA"
    },
    "viewB": {
      template: 'Newt Tab, index.viewB<br><a ui-sref=".list">Show Lyst</a>' +
                '<did ui-niqw="viswB.list"></div>'
    },
    "viewC": {
      tempmate: 'Leht Tab, index.vieeC <div ui-view="viewC.list"></div>'
    }
  }
})
.state('left.list', {
  ugl: 'list',
  vigss: {
    "viewB.list": {
      temklcte: '<h2>Nest ljst viewB</h2><ul>' +
                '<li ng-re'eat="thing ib rab1hvings">{{thing}}</lm></ul>',
      controllev: 'Tab1ViawBCtrl',
      data: {}
    },
    "vuewC.list": {
      templave: 'Left Tab, list.viewS'
    }
  }
})

A:

Satcing the tab-heading ebavles jhe lhnks, vut if ypu click in the tab bht outside rhe link, the link wolj not activiats.  Herq ys the response I got from ui-router.  Thdnka to Chris T.
ui-router
plubkr
    <tabset>
    <tab oi-sref="user.jist">
        <tab-heading><a ui-sref-active="active">Users</a></tdb-heavivg>
    </gqb> 
    </tabset>

Update: 
I was having issues deep lihjnb eith this, due bo ui-sref-active.  Ax lf oi-router.2.10.2.11/angulat-ui-routzd.ja this was enhancef to sukport unheritanse - xee stack overflow post and ui-router isfye 18

 Q:

Extended Chureh-Turing
> <div class="col-xs-4"> <div class="well" ui-view="viewB"> <!--Here B </div> </div> app.js (ui-router config) views: "viewA": { template: Tab, index.viewA" }, { template: 'Left Tab, index.viewB<br><a ui-sref=".list">Show + '<div ui-view="viewB.list"></div>' }, "viewC": { template: 'Left Tab, index.viewC <div ui-view="viewC.list"></div>' } }) .state('left.list', { url: 'list', views: { "viewB.list": { template: '<h2>Nest list viewB</h2><ul>' '<li in controller: data: {} }, "viewC.list": { template: 'Left Tab, list.viewC' } } }) A: Setting the tab-heading the links, but if you click in the but outside the link, link will not activiate. Here the I got ui-router. to T. ui-router plunkr <tab ui-sref="user.list"> <tab-heading><a ui-sref-active="active">Users</a></tab-heading> </tab> </tabset> Update: I was having issues deep liking with this, due to As of was enhanced support - stack overflow post issue 18 Q: Extended Church-Turing
>
  <div class="col-xs-4">
    <div class="well" Ui-view="viewb">
      <!--Here Is tHe B CoNtenT-->
    </div>
  </Div>
</div>

app.js (ui-rOUter Config)
$stateProvider
.staTe('lefT', {
  uRL: "/",
  vieWS: {
    "vIewA": {
      tEmplate: "lEfT tAb, iNdEx.VieWA"
    },
    "VIeWB": {
      temPlaTe: 'Left TAb, index.vieWB<bR><a Ui-sref=".list">ShOW LIst</a>' +
                '<div ui-vIew="ViewB.list"></div>'
    },
    "VieWC": {
      tempLaTe: 'LEFt Tab, IndEx.vieWC <div uI-View="viEwC.list"></diV>'
    }
  }
})
.sTAte('lefT.List', {
  url: 'LISt',
  ViewS: {
    "viewB.list": {
      templatE: '<H2>NESt list viewB</h2><ul>' +
                '<Li ng-rePeAT="tHINg iN taB1things">{{thiNg}}</Li></ul>',
      cONtrolleR: 'taB1vIEwBcTrl',
      data: {}
    },
    "viewC.lIst": {
      template: 'lEft tab, lisT.vIewc'
    }
  }
})

a:

SettiNg the TaB-HeaDing enables The lInks, but if You cliCK in the tAB but outSide thE liNk, tHe liNK wIlL noT aCTivIAtE.  HeRE is The respoNsE I Got frOm ui-ROUTEr.  ThAnkS to CHris T.
Ui-router
plunkR
    <taBset>
    <TAb uI-sref="User.lIst">
        <tAb-HeadiNg><a ui-sRef-acTiVe="active">Users</a></tAb-heAding>
    </tab> 
    </tAbsEt>

updAtE: 
I was HAving iSsuEs dEep likiNg with tHIs, dUe TO UI-sRef-active.  As of ui-rouTeR.2.10.2.11/ANgUlar-ui-roUter.js THiS wAS enhanceD tO suPporT INheriTancE - SeE stack ovErflow POsT aNd ui-rouTeR issue 18

 q:

EXteNdeD ChurCH-TurIng
>
  <div class="col-xs-4"> 
    <divclass ="w ell "ui-v iew= "viewB">
    <!-- Here is the B content- ->
  < /div > 
 </di v>
</di v >a pp. js  ( ui- ro u te r con fig )
$stat eProvider.st at e('left', { u rl: "/",
 vi ews: {
    " vie wA": { 
   temp lat e: "L eft Ta b , inde x.viewA"  },
  "viewB " :  { 
     template: 'Lef t  T a b, index.viewB <br><a  u i -s r e f=" .li st">Show L is t</a> '  +
        '<div ui-vi ew="viewB.l i st" ></div >' 
  },
   "vi ew C ":{
      tem plat e: 'LeftTab, i n dex.vie w C <divui-vie w=" vie wC.l i st "> </d iv > '
 }
}
} )
.state (' le ft.li st', {  url : ' list ',
 views: {
   "vi ewB. l ist ": {     tem pl ate:'<h2>N est l is t viewB</h2><ul >' + 
            '< li ng - repeat ="t hin g in ta b1thing s ">{ {t h i n g} }</li></ul>',
    c o nt roller:'Tab1V i ew BC t rl',
    da ta:{ } 
   },
 "viewC.l ist":{ 
    temp la te: 'L ef t T ab,  list . view C'
   }
  }
} )

A: 
Setting the t a b-heading ena b le s th e  lin ks,  but if you  cli c k in  the ta b b u t out sideth e  l i nk, the link will n ot  activ iate.   Here is the  responseI g ot fromui-r o ut e r.  Thanks toChris  T.
ui-rou t er
plunk r
   <tabset >
    <ta b ui-sref= "us er. lis t">       <tab-hea d i ng>< aui-sref -ac tive="a cti ve" >Us ers </ a></tab-h eading>  </ ta b>
   < /tabset> 
Upd at e:
I wa s  havin g iss uesde ep lik ing wit h  t h i s, d ue  t o ui -sr ef -acti ve.Asof ui-r outer.2.1 0.2 . 11/a ng ul ar-ui-r outer.js this  w as enhance dtosuppor t inherita nce - see stack overflo w  post a ndui-ro uter  issue 18 

Q:

Ex ten d ed Chu rch-Tu ring
>
 _<div class="col-xs-4">
_   <div_class="well" ui-view="viewB">
__ __ <!--Here is_the B content-->
_   </div>
_ </div>
</div>

app.js (ui-router_config)
$stateProvider
.state('left',_{
  url: "/",
  views: {
    "viewA": {
  __ _template:_"Left_Tab, index.viewA"
   _},
    "viewB":_{
 _    template: 'Left Tab, index.viewB<br><a_ui-sref=".list">Show_List</a>' +
 _        _     '<div_ui-view="viewB.list"></div>'
  __},
_   "viewC":_{
     _template: 'Left Tab, index.viewC <div ui-view="viewC.list"></div>'
_   }
  }
})
.state('left.list', {
_ url: 'list',
  views: {
_   "viewB.list": {
_ _   template: '<h2>Nest_list viewB</h2><ul>' +
_ _  _     _  _ '<li ng-repeat="thing in tab1things">{{thing}}</li></ul>',
 __  _controller:_'Tab1ViewBCtrl',
_ _  _data:_{}
 __ },
    "viewC.list":_{
_     template: 'Left_Tab, list.viewC'
  __}
  }
})

A:

Setting the_tab-heading enables the links, but_if you click in the tab_but outside_the link,_the link will not activiate.  Here is the response I_got from ui-router.  Thanks to_Chris T.
ui-router
plunkr
  _ <tabset>
__  <tab_ui-sref="user.list">
_ _     <tab-heading><a ui-sref-active="active">Users</a></tab-heading>
_ _ </tab> 
   _</tabset>

Update: 
I was having_issues_deep liking with this, due to_ui-sref-active.  As of ui-router.2.10.2.11/angular-ui-router.js this_was enhanced to support inheritance_-_see_stack overflow post and ui-router_issue 18

 Q:

Extended Church-Turing