La Pagination dans Angulaire UI Bootstrap lancer “Erreur: [$compiler:nonassign]”

Je suis en utilisant un assez simple de mise en œuvre de l'Angulaire de Bootstrap de l'INTERFACE utilisateur de la pagination de la directive, mais je reçois un message d'erreur je ne peux pas comprendre. Voici les extraits pertinents:

<ul>
  <li ng-repeat="todo in filteredIdeas">
    {{todo}}
  </li>
</ul>
<pagination ng-model="currentPage" total-items="totalIdeas"></pagination>

Voici les parties pertinentes de mon $champ d'application dans le contrôleur:

//Set watch on pagination numbers
$scope.$watch('currentPage + numPerPage', function() {

  var begin = (($scope.currentPage - 1) * $scope.numPerPage);
  var end = begin + $scope.numPerPage;

  $scope.filteredIdeas = $scope.ideasData.slice(begin, end);

});


//Data
$scope.ideasData = [];

for (var i = 0; i < 100; i++) {
  $scope.ideasData.push('To do ' + i);
}

$scope.filteredIdeas = [];
$scope.currentPage = 1;
$scope.numPerPage = 10;
$scope.totalIdeas = $scope.ideasData.length;

La pagination se met en place correctement, mais voici l'erreur que je reçois lorsque essayant de cliquer sur la prochaine page (ou page d'ailleurs):

Error: [$compile:nonassign] Expression 'undefined' used with directive 'pagination' is non-assignable!

Si je comprends bien, c'est en indiquant que je suis en utilisant quelque chose de mal pour les deux sens de la liaison? Été en mesure de reproduire le bug en ce Plunkr: http://plnkr.co/edit/uyWQXPqjLiE4qmQLHkFy

Quelqu'un a des idées sur ce que je fais mal?