如何使用angular和bootstrap默认打开选项卡

Question

目前我有两个标签，我可以通过点击其中一个打开，但我希望默认情况下打开第一个..

<ul class="nav nav-tabs">
    <li ng-class="{active: activeTab == 'implementation'}">
        <a ng-click="activeTab='implementation'">Implementation</a>
    </li>
    <li ng-class="{active: activeTab == 'videos'}">
        <a ng-click="activeTab='videos'">Videos</a>
    </li>
</ul>

<div ng-show="activeTab=='implementation'"  >
    <h4>test heading</h4>
</div>

<div ng-show="activeTab=='videos'">
    <h4>test heading</h4>
</div>

有什么建议吗？

Answer 1

初始化activeTab怎么样？

<ul class="nav nav-tabs" ng-init="activeTab = 'implementation'">
    <li ng-class="{active: activeTab == 'implementation'}">
        <a ng-click="activeTab='implementation'">Implementation</a>
    </li>
    <li ng-class="{active: activeTab == 'videos'}">
        <a ng-click="activeTab='videos'">Videos</a>
    </li>
</ul>