Угловой UI - набор активной вкладки программно

Я с помощью AngularUI с этим кодом:Угловой UI - набор активной вкладки программно

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

Я хочу программно изменить текущую активную метку из моего кода углового контроллера. Например, выберите вкладку «2», чтобы она была активной.

Как это можно сделать?

источник

2016-09-04 No1Lives4Ever

Пробовали ли вы предоставление идентификатора каждой вкладки, а затем установить фокус на него? – FDavidov

Я думал об этом. Кажется мне неправильным подходом, когда речь идет о AngularJS (может быть, хороший подход для JQuery). Я не прав? – No1Lives4Ever

Вы пробовали перебирать документы? есть пример, который устанавливает конкретную вкладку с помощью кнопки внешней кнопки. – svarog

Вам необходимо использовать активное свойство на ui-tabset. Затем вам нужно иметь индексы на каждой вкладке для работы из внешнего контекста.

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

Смотрите эту рабочую plnkr: Working Plnkr

источник

2016-09-04 08:50:39 Ashwani

Как мы можем это сделать для динамических таблеток? – Sana

@Sana Ты имеешь в виду что-то вроде этого? https://plnkr.co/edit/GQfq8zpKqGm2uZWA8oGU?p=preview – Ashwani

Угловой UI - набор активной вкладки программно

ответ

Смежные вопросы