是否可以在 ngx-pagination 中不使用省略号？

Question

我正在使用 ngx-pagination 包并尝试实现这个：

但这就是我到目前为止所拥有的：

我的HTML:

<pagination-controls responsive="true" directionLinks="false"></pagination-controls>

我的CSS:

.ngx-pagination {
    .current {
        background: orange;
    }
}

• 您知道是否可以在不同项目之间放置更多 space 吗？从而增加组件的宽度。
• 如果可用宽度更大，则显示更多数字而不是省略号 (...)。
• 在数字之间显示一个点（如项目符号）。为此，我找到了 this。但效果不佳，它显示数字下方的点。仅适用于当前号码。见下文：

Stackblitz：https://stackblitz.com/edit/angular-xbh9ft

Answer 1

最后，我开了一个issue in the package's Github repo and could achive what I wanted. I had to implement a custom template. For me was useful this example。

我将 link 留给 Stackblitz 中的演示以防万一有人觉得它有用：

• Stackblitz 演示：https://stackblitz.com/edit/angular-bxvecv