angularjs - 如何获取 AngularStrap 事件选项卡？

Question

我对使用 Angular 和 AngularStrap 指令有点陌生。我需要将 tab 指令与静态标记一起使用，如下例所示:

<div data-fade="1" bs-tabs>
  <div data-title="'Home'"><p>Static tab content A</p></div>
  <div data-title="'Profile'"><p>Static tab content B</p></div>
</div>

在页面的另一部分，我想仅在选择第一个选项卡时显示 div。 div 不是选项卡的一部分，而是位于同一个整体 Controller 中。如何根据所选选项卡显示/隐藏此 div？

类似这样的吗？

<div ng-show="???? active tab stuff here ????">Home tab is selected</div>

感谢您的帮助。

Answer 1

如example所示在 AngularStrap 页面上，事件点击存储在

tabs.activeTab

因此您可以使用此属性有条件地显示其他内容，如下所示

<div ng-show="tabs.activeTab == 0">The first tab is active</div>

更新

即使使用非对象选项卡，您也可以将模型绑定(bind)到 bs-选项卡来存储事件 ID，如下所示:

<div data-fade="1" ng-model="tabs.activeTab" bs-tabs>

这是更新的plnkr 。 (单击第三个选项卡并看到出现“测试”文本)