Question

ページングを行っていますが、現在はページ上にある場合はボタンの色を変更する必要があります。

私がこれまで行ってきた：

<span ng-repeat="page in pagination(pages) track by $index"> 
    <button ng-class="{ changecolour: isActive(page) }" ng-click='loadProducts($index+1, pageSize)' class="btn btn-default">{{$index+1}}</button> 
</span> 

は、コントローラ

$scope.isActive = function (page) { 
    return page == page; 
}; 

私は、誰かがそれを行う方法を私に伝えることができ、それが間違っていることを知っています？

Answer 1

ボタンをクリックするたびにloadProducts($index+1, pageSize)の値の中に$scope.pageの値を設定する必要があります。今すぐあなたのisActive機能を使用すると、ページ=ページ番号を持っている場合は、次のように行うことができます

$scope.isActive = function(page){ 
    return $scope.page === page; 
} 

Answer 2

になりますのは、あなたの関数は、この

$scope.loadProducts = function(index, pageSize){ 
    //determine the page 
    $scope.page = index; 
} 

ようなものとng-class

として

ng-class="{ changecolour: isActive($index+1) }" 

を使用しましょう。

ng-class="{active: page == currentPage}"