Javascript 如何在angular ui中选择选项卡？（AngularJS）

我想选择最后一个标签，你知道怎么做吗？只有ng repeat内的选项卡可供选择，我不会使用ng repeat，如果没有ng repeat，我怎么能这样做

以下是工作代码：

通过将活动绑定设置为true来选择选项卡：


选择第二个选项卡
选择第三个选项卡
选择最后一个标签！！！


启用/禁用第三个选项卡


静态内容
{{tab.content}
尼科
angular.module（'ui.bootstrap.demo'，['ngAnimate'，'ui.bootstrap']）；
angular.module（'ui.bootstrap.demo'）.controller（'TabsDemoCtrl'，function（$scope，$window）{
$scope.tabs=[{
标题：“动态标题1”，
内容：“动态内容1”
}, {
标题：“动态标题2”，
内容：“动态内容2”，
残疾人士：对
}];
});

我所做的只是初始化一个新对象以保留新选项卡，并更改按钮中的引用。它解决了你的问题，但我不知道它是否是你想要的架构

以下是要点：

  $scope.separateTab = {
     title: 'How to select this tab???',
    content: 'Dynamic content 2'
  };

<uib-tab heading="{{separateTab.title}}" active="separateTab.active">nico</uib-tab>

<button type="button" class="btn btn-default btn-sm" ng-click="separateTab.active = true">SELECT LAST TAB!!!</button>

$scope.separateTab={
标题：“如何选择此选项卡？”，
内容：“动态内容2”
};
尼科
选择最后一个标签！！！

---

这是我的代码，以防有人需要其他示例：

通过将活动绑定设置为true来选择选项卡：


选择第二个选项卡！！！


{{tabs[0].text}
第二
angular.module（'ui.bootstrap.demo'，['ngAnimate'，'ui.bootstrap']）；
angular.module（'ui.bootstrap.demo'）.controller（'TabsDemoCtrl'，function（$scope，$window）{
$scope.tabs=[{text:“第一个文本”}、{}、{}、{}、{}]；
});

一种实现方法是设置uib选项卡的活动属性，如下所示：

<uib-tabset active="activeForm">

（）

---

这是实现它的一种方法

<uib-tabset ng-init="active=1" active="active">
   <uib-tab index="1">Tab content</uib-tab>
   <uib-tab index="2">Tab content</uib-tab>
   <uib-tab index="3">Tab content</uib-tab>
   <uib-tab index="4">Tab content</uib-tab>
</uib-tabset>

选项卡内容
选项卡内容
选项卡内容
选项卡内容

---

现在更改javascript或脚本部分中$scope.active的值，活动选项卡将更改。每个选项卡的索引值应不同。

您没有将该选项卡添加到

选项卡

集合中。是否应添加该选项卡？还是应该分开？嗨！我喜欢分开。我不想用ng重复，谢谢！是的，谢谢！这样就可以了，我试着使用ng模型，但似乎比这更容易。您认为有什么方法可以避免在控制器中创建对象“$scope.separateTab={}；”吗？应该如何驱动它？我想我们已经超出了问题的范围，但我不知道您是如何加载数据的<代码>选项卡可以是具有不同选项卡数组的对象。但是如果没有更多的信息，我不知道如何回答你的问题。

<uib-tabset active="activeForm">

<uib-tabset ng-init="active=1" active="active">
   <uib-tab index="1">Tab content</uib-tab>
   <uib-tab index="2">Tab content</uib-tab>
   <uib-tab index="3">Tab content</uib-tab>
   <uib-tab index="4">Tab content</uib-tab>
</uib-tabset>