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

Question

如何在我的示例中添加 previous/next buttons/options/links 以便我可以根据要求在单击这些选项后向前和向后移动步骤我的第三个标签使用 angularjs 或 javascript 或 jquery 给定内容。我创建了 fiddle

Answer 1

您是否正在寻找这样的行为:

http://jsfiddle.net/6qm7jeo3/5/

我添加了一个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;
    }


  }]);