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
Post a Comment