gpt4 book ai didi

angularjs - Angular-ui/ Bootstrap : pagination not rendered (missing styles? )

转载 作者:行者123 更新时间:2023-12-02 22:43:03 25 4
gpt4 key购买 nike

我是 Angular-ui 的新手,正在使用它。我正在尝试使用分页指令( http://angular-ui.github.io/bootstrap/#/pagination ),但似乎我缺少一些样式,因为我只看到呈现的无序列表,而不是预期的分页器 UI。我按顺序包含了以下资源:

1) 最新(RC)bootstrap CSS:http://blog.netdna.com/opensource/bootstrapcdn/bootstrapcdn-now-serving-3-0-0-rc1/

2) Angular JS: http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js

3) angular-ui/bootstrap:我包括来自 https://github.com/angular-ui/bootstrap/tree/gh-pages文件 ui-bootstrap-tpls-0.4.0.js

我的 HTML 示例正文:

<body ng-app="Test">
<div ng-controller="PaginationDemoCtrl" class="well well-small">
<pagination boundary-links="true" num-pages="noOfPages" current-page="currentPage" class="pagination-small" previous-text="'&lsaquo;'" next-text="'&rsaquo;'" first-text="'&laquo;'" last-text="'&raquo;'"></pagination>
</div>
<script>
var PaginationDemoCtrl = function ($scope) {
$scope.noOfPages = 7;
$scope.currentPage = 4;
$scope.maxSize = 5;
$scope.setPage = function (pageNo) {
$scope.currentPage = pageNo;
};
};
var app = angular.module("Test", ["ui.bootstrap"]);
</script>
</body>

最佳答案

我能够通过以下快速源代码更改来修复样式:

在你的 ui-bootstrap 文件(我的文件名为 ui-bootstrap-tpls-0.6.0.min.js)中找到以下文本:

<div class="pagination"><ul>

然后添加class="pagination"<ul>所以看起来像这样

<div class="pagination"><ul class="pagination">

关于angularjs - Angular-ui/ Bootstrap : pagination not rendered (missing styles? ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17994490/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com