2017-10-23 11 views
1

私はAPIの応答をページングするのを3倍にしています。この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ビュー:

Actualy、私はこのような何か使用してい

<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> 

をアイデアは/増分を持っていたことでしたクリックごとに減少します。それは動作しますが、2回目のクリック後にのみ動作します。また、vm.firstPageの値を2に変更すると、最初のクリックから動作しますが、[前へ]をクリックすると混乱します。

ボタンの増減をするにはどうすればよいですか?

私はそれは、演算子の優先順位についてだと思うAngularJsとJavaScript

答えて

2

を使用しています。 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; 
      }); 
     } 
+0

うん、うまくいく!ロッサのおかげで –

関連する問題