javascript - 简单的上一个/下一个按钮

Question

我正在尝试对 API 的响应进行分页。此 API，每页有 15 个项目。

实际上，我正在使用这样的东西:

vm.next = function(currentPage){
$http.get('/api?page='+vm.firstPage++)
.then(function(data){
               vm.chuck = data.data.Response;
               });
          }

vm.previous = function(currentPage){
$http.get('/api?page='+vm.firstPage--)
.then(function(data){
               vm.chuck = data.data.Response;
               });
          }

和

vm.firstPage = 1;

我的按钮 html View :

<div class="text-center">
<button type="button" class="btn btn-warning" ng-click="$ctrl.previous()">Previous</button>
<button type="button" class="btn btn-warning" ng-click="$ctrl.next()">Next</button>
</div>

想法是在每次点击时增加/减少。它有效，但只有在第二次点击之后。另外，如果我将 vm.firstPage 的值更改为 2，它从第一次点击开始就有效，但是当我点击 Previous 时，它变得一团糟。

我该怎么做才能在按钮上增加/减少？

我正在使用 AngularJs 和 javascript

Answer 1

我认为这是关于运算符优先级的。在 API 调用之前创建 vm.firstPage++/vm.firstPage--

vm.next = function(currentPage){
vm.firstPage++;
$http.get('/api?page='+vm.firstPage)
.then(function(data){
           vm.chuck = data.data.Response;
           });
      }