不会调用$ watch，Angularjs

Question

I have a problem with $scope.$watch call, when it obviously should be called. I have a paginator (bootstrap UI) inside my html document:

<pagination  total-items="paginatorTotalItems" items-per-page="paginatorItemsPerPage" 
   page="paginatorCurrentPage" max-size="paginatorSize" class="pagination-sm" 
   boundary-links="true">
</pagination>

A certain part, where my items are shown (for them I need a paginator):

<div ng-show="reviews" ng-repeat="review in reviewsPerPage">
...
</div>

And a Controller:

...
$scope.reviewsArray = [];
$scope.paginatorItemsPerPage = 1;
$scope.paginatorSize = 3;
$scope.reviewsPerPage = [];
$scope.paginatorTotalItems = $scope.reviews.result.total;

       //restangular object to Array
       for (var i = 0; i < $scope.paginatorTotalItems; i++) {
           $scope.reviewsArray.push($scope.reviews.result.reviews[i]);
       };

       $scope.paginatorCurrentPage = 1;

$scope.$watch('paginatorCurrentPage', function () {
               var begin = (($scope.paginatorCurrentPage - 1) * $scope.paginatorItemsPerPage);
               var end = begin + $scope.paginatorItemsPerPage;

               console.log($scope.paginatorCurrentPage);
               console.log(begin + ' ' + end);

               $scope.reviewsPerPage = $scope.reviewsArray.slice(begin,end);

               console.log($scope.reviewsPerPage);
});

So, making long story short, I have a variable paginatorCurrentPage, that I change by clicking numbers in my <pagination> , but $watch does not react. This $watch is called only once: when I'm assigning it a value of 1 (after making an array from my restangular object), after that $watch is never called anymore. Also I'm cheking how paginatorCurrentPage changes in my html file:

<p>Current : {{paginatorCurrentPage}}</p>

And it actually works, this variable is changing, when i switch my pagination buttons, but $watch is not called.

Sorry for my English, and Thank you!

Edited :

I have updated my bootstrap UI, so now in paginator I use ng-model istead of page . And I realized that variable paginatorCurrentPage changes only in my view, but in controller I still have my default $scope.paginatorCurrentPage = 1 . Problem still exists.

Answer 1

Thanks for all comments. The problem was about scope. I rewrote ng-model in paginator: ng-model="paginatorPage.current"

and changed

$scope.paginatorCurrentPage = 1;

to

$scope.paginatorPage = {current : 1};

And thanks to @Leo Farmer for advice about dots in directives.