2017-04-11 2 views
0

J'essaie d'implémenter les onglets de Bootstrap de l'interface utilisateur, plunker here, je veux cacher les onglets comme je vais utiliser le bouton pour changer les onglets.Cacher les onglets angulaires de l'interface utilisateur

J'ajoute cette classe à mon fichier CSS, mais il n'est pas appliqué aux pattes

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

mon objectif final est de cacher This. Comment est-ce que je m'approche pour cela?

+0

Pouvez-vous utiliser Jquery? – Tushar

+0

oui je peux l'utiliser. – Pujan

+0

https://github.com/angular-ui/bootstrap/issues/2637, c'est un problème avec Angulr – Tushar

Répondre

1

pouvez-vous simplement ajouter un 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> 
+0

semble que cela fonctionne dans votre plunker – tcrite

+0

aussi, vous pouvez lier à une variable au lieu d'utiliser vrai ou faux – tcrite

+0

Eh bien, c'était facile. Merci beaucoup. – Pujan