cssangularjsangular-ui-bootstrapangular-ui-tabset

Hide UI Angular Tabs

I am trying to implement UI Bootstrap tabs, plunker here, i want to hide the tabs as i will be using the button to change the tabs.

i am adding this class to my CSS file but it is not applied to the tabs 

.nav-tabs {
    border-bottom: 1px solid #ddd;
    display: none;
}

my end goal is to hide This. How do i approach for it?

Solution

  • can you just add an ng-hide="true"?

     <uib-tab index="$index" ng-repeat="tab in tabs" ng-hide="true" heading="{{tab.title}}" disable="tab.disabled">
  {{tab.content}}
</uib-tab>