Создание предыдущей и следующей кнопки с использованием 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

Я считаю, что вам нужно увеличить / уменьшить ваш счетчик, а затем установить current в 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]
      }
    }