twitter-bootstrap - angularjs Bootstrap 标签使用

Question

我想实现 this 中的 Bootstrap 选项卡例子，
使用 angularjs bootstrap - 它包含指令 tabbable 和 tabPane。
它不起作用，我不知道如何让球滚动。

<tabbable>
    <tabPane title="first">
        <div ng-controller="FirstCtrl"></div>
    </tabPane>
    <tabPane title="tabbable">
        <div ng-controller="SecondCtrl"></div>
    </tabPane>
</tabbable>

应用程序.js:

angular.module('orders_manage', ['orders_manage.services', 'bootstrap'])
.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {

$routeProvider
    .when('/first', { templateUrl:'/partials/first.html', controller:FirstCtrl})
    .when('/second', { templateUrl:'/partials/second.html', controller:SecondCtrl})

Answer 1

如果您查看源代码，您会发现这些指令仅限于类名:https://github.com/angular/angular.js/blob/v1.0.x/src/bootstrap/bootstrap.js#L54

重写您的示例以使用 <div class="tabbable">和 <div class="tab-pane">将解决问题。