Bootstrap angolare - Scheda predefinita attiva (scheda dinamica)

Question

Ho un problema con le schede Bootstrap di Angularjs. Voglio che una scheda dinamica sia attiva per impostazione predefinita, ma a quanto pare non posso fintanto che ho una scheda statica all'interno della stessa scheda.

<tabset ng-init="tab.active = true"> 
    <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active"> 
     {{tab.content}} 
    </tab> 
    <tab heading="Static"> 
     Static 
    </tab> 
</tabset> 

`

Ecco un plunkr per spiegare:

http://plnkr.co/edit/DfM6r4tznE9b0K8LqvF0?p=preview

voglio "Titolo Dinamico 1" deve essere selezionata per impostazione predefinita. È possibile con la direttiva attiva o devo creare una funzione che gestirà lo stato attivo?

Answer 1

Prova questo.

<tabset> 
    <tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" ng-init="tab.active = $index === 0"> 
    {{tab.content}} 
    </tab> 
    <tab heading="Static"> 
    Static 
    </tab> 
</tabset> 

Working Plnkr