AngularUI Bootstrap中的分页没有显示出来

Question

我的应用中存在分页问题。我在AngularUI Bootstrap中用这里的例子做到了：https://angular-ui.github.io/bootstrap/并且分页不起作用 - 就像在标题中一样，不会出现在页面上。

App.js中的模块

var App = angular.module('App', ['ngRoute', 'ui.bootstrap', 'ui.bootstrap.modal', 'ui.bootstrap.tpls', 'ui.bootstrap.pagination']);

添加了脚本：

<script src="~/Scripts/angular-ui/ui-bootstrap-tpls.js"></script>
<script src="~/Scripts/angular-ui/ui-bootstrap.js"></script>

示例总项目和页面：

$scope.pagin = {
    totalItems: 20,
    currentPage: 1
}

和html中的代码：

<div class="panel-footer">
            <div class="text-center">
                <uib-pagination total-items="pagin.totalItems" max-size="8" ng-model="pagin.currentPage"></uib-pagination>  
            </div>
        </div>