title: Angular UI Bootstrap Pagination ng-model not updating
body: <p>I am trying to use a UI Bootstrap Pagination directive in my project, but for some strange reason the ng-model used for updating the current page is not working. The pagination is showing up correctly with the correct number of tabs and everything, but when I click on a different number, the ng-model variable is not getting updated. For the life of me, I can't figure out why not.</p>
  
  <p>The code I am using is taken from the examples on the UI Bootstrap homepage:</p>
  
  <pre><code>&lt;uib-pagination total-items="totalItems" ng-model="currentPage"
    ng-change="pageChanged()"&gt;&lt;/uib-pagination&gt;
  </code></pre>
  
  <p>The controller looks like this: </p>
  
  <pre><code>$scope.currentPage = 1;
  $scope.totalItems = 160;
  
  $scope.pageChanged = function() {
    console.log('Page changed to: ' + $scope.currentPage);
  };
  </code></pre>
  
  <p>Here are the different required sources I am including:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /&gt;
  &lt;script src="https://code.angularjs.org/1.4.8/angular.js"&gt;&lt;/script&gt;
  &lt;script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.0.3.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>The strangest thing is I have created a plnkr which replicates my code and it works! You can see here: <a href="http://plnkr.co/edit/4DoKnRACbKjLnMH5vGB6">http://plnkr.co/edit/4DoKnRACbKjLnMH5vGB6</a></p>
  
  <p>Can anybody think of any ideas that might be causing this not to work? I'm scratching my head here, and can't think of anything obvious I am doing wrong...</p>
  
  <p>All help much apprecatiated!</p>