来自AngularJS ui的分页不可见

时间:2014-02-07 12:36:34

标签: javascript angularjs angular-ui angular-ui-bootstrap

我有一个简单的数据集,我想使用angular-js ui进行分页。它是服务器驱动的分页,因为它可以变得非常大。

现在,我遇到的问题是我的分页元素没有出现。

<pagination total-items="totalItems" page="filterCriteria.pageNumber"></pagination>

就是我所拥有的,这两个参数都是正确的(测试过)。

起初我以为我可能没有导入所有正确的文件,但经过一些检查后我似乎找不到任何遗漏:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script><!-- load jquery -->
<script src="js/angular-file-upload-shim-min.js"> </script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script><!-- load angular -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js"></script>

为什么分页元素没有显示在我的页面上?

1 个答案:

答案 0 :(得分:8)

所以我评论你没有把ui.bootstrap依赖项放到你的模块中

angular.module(appName, [
   'ui.bootstrap' 
]);