kątowa UI - zestaw aktywny zakładka programowo

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ć?

Źródło

2016-09-04 No1Lives4Ever

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

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

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

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

Źródło

2016-09-04 08:50:39 Ashwani

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

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

kątowa UI - zestaw aktywny zakładka programowo

Odpowiedz

Powiązane problemy