UI BootstrapのPagerが機能しなくてハマった

AngularJSでBootstrapを扱うためのライブラリ、UI Bootstrapを使ってみたんですが、サンプルコードを参考にPagerを実装してもなぜか機能してくれなくてハマってしまいました。

サンプルコードを記載しているページではちゃんと機能しているので、AngularJSとui.bootstrapのバージョンの組み合わせでうまくいかなくなったりしてるのかなぁと勝手に想像しています。

めんどうなのでちゃんと確認はしていませんが、以下のようにすることで機能できるようにはできました。

Markup

<pager total-items="totalItems" ng-model="currentPage"></pager>

$scope.pageChanged = function() {
    console.log('Page changed to: ' + $scope.currentPage);
};

サンプルコードではこうなっているのですが、これだとpageChangedが呼ばれませんでした。

Markup

<pager ng-change="pageChanged()" total-items="totalItems" ng-model="currentPage"></pager>

なので、ng-changeを明示的に記述し呼ばれるように修正。