AngualarJS bootstrap Onglet élément Actif

Je suis en train de régler le deuxième onglet actif, malheureusement tête s'en va.
Est-ce que je suis absent?

<tabset>
   <tab disabled="true">
      <tab-heading><i class="fa fa-bell"></i> First tab</tab-heading>
      <tab-content> 
         fixed tab content 
      </tab-content>
   </tab>
   <tab active="true">
      <tab-heading><i class="fa fa-bell"></i> First tab</tab-heading>
      <tab-content> 
         First content 
      </tab-content>
   </tab>
   <tab>
      <tab-heading><i class="fa fa-bell"></i> Second Tab</tab-heading>
      <tab-content> 
         Second content 
      </tab-content>
   </tab>
</tabset>
quelqu'un devrait lire ce format de code?

OriginalL'auteur user3017191 | 2013-11-21

  1. 11

    Vous ne pouvez pas définir active à true/false. De cette façon, il ne peut pas être modifié. Lier à une variable...

    <tab active="isActive">

    et définir ...

    $scope.isActive = true;

    dans votre Contrôleur.

    Et je pense que vous devriez supprimer le <tab-content> '. Vous n'avez pas besoin d'eux.

    Parfait compagnon qui ont travaillé. Merci beaucoup
    Vous êtes les bienvenus 🙂

    OriginalL'auteur Markus Kösel

  2. 4

    Étendre sur Markus " réponse, si vous voulez juste pour définir un onglet actif (comme je le fais pour tester mon site) sans l'obtention d'un contrôleur, vous pourriez:

    <tab active="isActive" ng-init="isActive = true">

    Mais je ne recommandons pas cela dans le code de production ng-init devrait quasiment jamais utilisées.

    OriginalL'auteur eXaminator