角度引导分页力椭圆答案

【问题标题】：Angular bootstrap pagination force-ellipses角度引导分页力椭圆
【发布时间】：2017-11-10 04:00:57
【问题描述】：

我创建的这个 plnkr 显示了问题：http://plnkr.co/edit/YQAUCg5vjcgS1BEGB4nY?p=preview 很快，我有很多页，我设置了这个属性：force-ellipses = true 来显示点而不是 200 页。但不起作用。我使用 angular bootstrap 2.3.1，我认为这是问题所在。但是我不能使用其他版本所以有什么办法可以解决吗？

<pagination
    num-pages="noOfPages" 
    current-page="currentPage" 
    max-size="maxSize"
    boundary-link-numbers="true"
    rotate="true"
    force-ellipses="true">
</pagination>

【问题讨论】：

我使用 angular bootstrap 2.3.1 你的小提琴使用的是 v0.3.0。如果您使用的是 v2.3.1，您将使用属性指令 uib-pagination 而不是元素级指令 <pagination>。那么您实际使用的是什么版本？
对不起，这个：
在这种情况下，我认为这是不可能的，因为它们不包括省略号（或 force-ellipses 直到更高版本，但是，它显示 200 页的原因是你有max-size 设置为 200，将其更改为 10 之类的 looks a lot better
是的，但是如果我只显示 10 个，其他结果就会丢失。我错了吗？
哦，好吧，我现在才看到你的笨蛋！我明白了

标签： javascript angularjs pagination angular-bootstrap

【解决方案1】：

其实uib-pagination的实现是不正确的。在最近的版本中，语法是

<div uib-pagination total-items="total_items" max-size="maxSize" class="pagination-sm" boundary-link-numbers="true" rotate="false"></div>

检查此plunker 以了解实施情况

除此之外。我用 dir-pagination 我觉得更方便和容易。

检查这个angularUtils repo

和dir-pagination的Plunker

【讨论】：

不幸的是，我无法更改 Angular 引导程序版本。我试过了，但我得到了像“未知提供者 $modal”这样的错误，我不知道怎么做！所以没有使用我的 Angular bootstrap 版本的解决方案？
更改版本并更改$modal to $uibModal，无论您在哪里使用模态。它会起作用的。如果您遇到任何其他问题，请告诉我。迁移很简单@End.Game
@End.Game。你试过我说的吗？
不，抱歉，我没有尝试。最大的问题是我现在正在使用的 Web 应用程序使用 Uikit 作为前端框架。但是 Uikit 分页还不够好。所以我决定使用引导方式！包括 angular bootstrap 和 uikit，Web 应用程序运行良好，没有任何问题。但我认为与新版本的角度引导程序（例如模态）存在一些冲突。我不在我的应用程序中使用引导模式。只有UIKit。但我还是有错误
我遇到了与您现在面临的相同的错误。 ui-bootstrap 的更新改变了模块的一些用法。如$modal - $uibModal。旧的有很多错误。更好的升级，这是您的选择。 @End.Game