如何使用angularjs或javascript添加上一个/下一个选项？

在我的示例中，如何添加

previous/next

按钮/选项/链接，以便根据第三个选项卡中的要求，使用angularjs或javascript或jquery为给定内容单击这些选项后，可以向前和向后移动步骤。我创建了

您是否在寻找此类行为：

我添加了

prev

和

next

功能。请看一看

angular.module('TabsApp', [])
  .controller('TabsCtrl', ['$scope', '$location', function($scope, $location) {
    $scope.tabs = [{
      title: 'One',
      url: 'one.tpl.html'
    }, {
      title: 'Two',
      url: 'two.tpl.html'
    }, {
      title: 'Three',
      url: 'three.tpl.html'
    }];

    $scope.currentTab = 'one.tpl.html';

    $scope.onClickTab = function(tab) {
      $scope.currentTab = tab.url;
    }

    $scope.isActiveTab = function(tabUrl) {
      return tabUrl == $scope.currentTab;
    }

    $scope.tab3 = 0;

    $scope.next = function() {
        $scope.tab3 = $scope.tab3 + 1;
    }
    $scope.prev = function() {
        $scope.tab3 = $scope.tab3 - 1;
    }


  }]);

以下是最新的

{{tab.title}


在控制器中：
$scope.index=0；
$scope.navBack=函数（选项卡）{
如果（$scope.index>0）
{
$scope.index--；
}
$scope.currentTab=$scope.tabs[$scope.index].url；
}
$scope.navNext=函数（）{
如果（$scope.index<（$scope.tabs.length-1））
{
$scope.index++；
}
$scope.currentTab=$scope.tabs[$scope.index].url；
}

您想在哪里添加上一个/下一个按钮以及它将重定向到哪里在我的第三个选项卡中，它有两个按钮（Test、Test1等）。如果我们添加上一个/下一个选项，这样我们就可以前进和后退，在同一个选项卡中显示它的内容。是的，这就是我要找的。

<ul>
  <li class="navBack" ng-click="navBack()"></li>
  <li ng-repeat="tab in tabs" ng-class="{active:isActiveTab(tab.url)}" ng-click="onClickTab(tab)">{{tab.title}}</li>
  <li class="navNext" ng-click="navNext()"></li>
</ul>

In Controller:

$scope.index = 0;
$scope.navBack = function(tab) {
  if($scope.index > 0)
  {
    $scope.index--;
  }
  $scope.currentTab = $scope.tabs[$scope.index].url;

}

$scope.navNext = function() {
  if( $scope.index < ($scope.tabs.length-1))
  {
    $scope.index++;
  }
  $scope.currentTab = $scope.tabs[$scope.index].url;

}