Question

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

Actualy，我正在使用这样的东西：

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视图：

<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，它会在第一次点击后生效，但是当我点击“上一页”时，它就会变得一团糟。

如何在按钮上增加/减少？

我正在使用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;
           });
      }

简单上一页/下一页按钮

1 个答案: