使用JavaScript創建上一個和下一個按鈕

Question

使用AngularJS，我得到的數據是以數組的形式傳入的，其中包含兩個對象。 我是新手，正在嘗試解決這個問題。

data[
{
"something":"something1",
"something":"something1",
"something":"something1",
},
{
"something":"something2",
"something":"something2",
"something":"something2",
}
]

我想做的是創建一個上一個和下一個按鈕，當單擊第一個對象時，該按鈕將變為第二個對象。 我知道使用：

current = response.data[0];

會給我第一個數組對象。 我嘗試過這樣的事情：

   var current = 1
  const getSessions = () => {
    loginService.getUser().then((response) => {
      var user_id = response.data.id;
      console.log("getUser returning this => ", response.data);
      loginService.getUserSessions(user_id).then((response) => {
        current = response.data[0];
        $scope.sessions = response.data;
      })
    })
  };

 getSessions();

  $scope.nextPage = function() {
    current++;
    getSessions();
}
$scope.prevPage = function (){
    if(current > 1){
        current--;
    getSessions();    
    }
}

但是就像我說的那樣，我不太確定該怎么做。

Answer 1

我相信您需要增加/減少計數器，然后將當前值設置為會話數組的currentIndex。 我沒有測試此代碼，但希望對您有所幫助。

    var current;
    var currentIndex = 0;

    const getSessions = () => {
     loginService.getUser().then((response) => {
      var user_id = response.data.id;
      console.log("getUser returning this => ", response.data);
      loginService.getUserSessions(user_id).then((response) => {
        $scope.sessions = response.data;
        current = $scope.sessions[0]
      })
     })
    };

    getSessions();

    $scope.nextPage = function() {
      if ( currentIndex < ($scope.sessions.length - 1) ) {
        currentIndex++;
        current = $scope.sessions[currentIndex]
      }
    }

    $scope.prevPage = function (){
      if ( currentIndex > 0 ) {
        currentIndex--;
        current = $scope.sessions[currentIndex]
      }
    }