5

I używając AngularUI z tym kodem:kątowa UI - zestaw aktywny zakładka programowo

<uib-tabset type="pills"> 
    <uib-tab heading="Tab 1">Tab 1 content</uib-tab> 
    <uib-tab heading="Tab 2">Tab 2 content</uib-tab> 
</uib-tabset> 

Chcę programowo zmienić bieżący aktywny tag z mojego kodu kątowe-kontrolera. Na przykład wybierz zakładkę "2", aby była aktywna.

Jak to zrobić?

+0

Próbowałaś zapewniając identyfikator do każdej karcie, a następnie ustawić ostrość na nim? – FDavidov

+1

Myślałem o tym. Wydaje mi się, że to niewłaściwe podejście do AngularJS (może dobre podejście do JQuery). Nie mam racji? – No1Lives4Ever

+0

Czy próbowałeś przejrzeć dokumenty? istnieje przykład, który ustawia konkretną zakładkę za pomocą zewnętrznego przycisku click – svarog

Odpowiedz

8

Musisz użyć właściwości aktywnej na karcie ui. Następnie musisz mieć indeksy na każdej karcie do pracy z kontekstu zewnętrznego.

<uib-tabset type="pills" active="active"> 
    <uib-tab heading="Tab 1" index="0">Tab 1 content</uib-tab> 
    <uib-tab heading="Tab 2" index="1">Tab 2 content</uib-tab> 
</uib-tabset> 

Zobacz ten plnkr pracy: Working Plnkr

+0

Jak możemy to zrobić dla dynamicznych zestawów? – Sana

+0

@Sana Masz na myśli coś takiego? https://plnkr.co/edit/GQfq8zpKqGm2uZWA8oGU?p=preview – Ashwani