Как программно выбрать вкладку в Angular UI?

0

В этом plunk у меня есть три вкладки, которые создаются из массива. Когда я нажимаю на кнопку, мне нужно выбрать один из названий "Имя 1" и иметь фокус. Как это можно достичь?

HTML

<uib-tabset>
   <uib-tab ng-repeat="t in tabs" heading="{{t.title}}" >
     {{t.content}}
   </uib-tab>
</uib-tabset>


<br/><br/><br/>
<button ng-click="tabs.select(1)">Focus on Name 1</button>

Javascript

  $scope.tabs = [
    { title:'Name 0', content: "Content 0" },
    { title:'Name 1', content: "Content 1" },
    { title:'Name 2', content: "Content 2" }
  ];
Теги:
angular-ui

1 ответ

4
Лучший ответ

Вы должны установить active атрибут, как показано ниже:

<uib-tabset active="active">

Затем в вашей кнопке:

<button ng-click="active = 1">Focus on Name 1</button>

Здесь раздвоенный Плункер.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню