twitter bootstrap - uib-tabset shows content while its disabled -


i have tabset , if first tab disabled content still showing on page load. when tab clicked, first tab disabled , can not clicked good. (the disable attribute set authorization/angular)

here simplified example:

<div class="col-md-12" data-ng-controller="myctrl vm">     <div class="col-md-12">         <h2>title</h2>          <div data-uib-tabset="">             <div data-uib-tab="" index="0" data-heading="tab 1" disable="true')">                 <div class="col-md-12 vertical-gutter">                     ...                 </div>                 <div class="clearfix"></div>             </div>             <div data-uib-tab="" index="1" data-heading="tab 2">                 <div class="col-md-12 vertical-gutter">                     ...                 </div>                 <div class="clearfix"></div>             </div>             <div data-uib-tab="" index="2" data-heading="tab 3">                 <div class="col-md-12 vertical-gutter">                     ...                 </div>                 <div class="clearfix"></div>             </div>         </div>     </div> </div> 

how hide content disabled tab , make "first active tab" active on page load?

an option use ng-show/ng-if still need make "first active tab" active

how ?

<div data-uib-tab="" index="0" data-heading="tab 1" disable="expression">     <div class="col-md-12 vertical-gutter">          <div ng-hide="expression">              content          </div>     </div>     <div class="clearfix"></div> </div> 

or make tab active default if n'th 1 disabled


Comments

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

verilog - Systemverilog dynamic casting issues -

ios - Change Storyboard View using Seague -