Javascript 如何显示引导模式选项卡的内容？

我是AngularJS的初学者，我有一个bootstarp模式，有两个选项卡，我一次只能显示一个选项卡。在该模式中，我有两个按钮“下一个”和“上一个”，我可以通过这些按钮在选项卡之间切换。但问题是，当我更改选项卡时，它们各自选项卡中的内容不会更改。我哪里出错了。请帮助我

<div class="modal-body">
<div role="tabpanel">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs">
        <li class="active">
            <a href="#tab1" data-toggle="tab">
                <div>{{current.data}}</div>
            </a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab1">
            <textarea class="form-control" ng-model="first" name="first" required></textarea>
            <md-button class="md-raised md-primary" ng-click="next()">next</md-button>
            <md-button class="md-warn md-raised" ng-click="previous()">previous</md-button>
        </div>
        <div class="tab-pane" id="tab2">
            <textarea class="form-control" ng-model="second" name="second" required></textarea>
            <md-button class="md-raised md-primary" ng-click="next()">next</md-button>
            <md-button class="md-warn md-raised" ng-click="previous()">previous</md-button>
        </div>
    </div>
</div>

---

我已使用所选数据的ng class属性更新了您的代码，请参见

。您是否在更改选项卡时更改此href？@slacker…我没有更改href@Joyson...This这正是我想要的谢谢你的支持。工作正常。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
         $scope.dataSet = [
              { data: "First", index: 0 },
              { data: "Second", index: 1 }   
         ],
         $scope.current = $scope.dataSet[0],
         $scope.next = function() {
             var i = $scope.getIndex($scope.current.index, 1);
             $scope.current = $scope.dataSet[i];
         },
         $scope.previous = function() {
             var i = $scope.getIndex($scope.current.index, -1);
             $scope.current = $scope.dataSet[i];
         },
         $scope.getIndex = function(currentIndex, shift) {
             var len = $scope.dataSet.length;
             return (((currentIndex + shift) + len) % len)
         }
});