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

Question

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

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

我的 HTML：

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

我的 CSS：

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

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

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

Answer 1

最后，我在包的 Github repo 中打开了一个问题，可以实现我想要的。我必须实现一个自定义模板。对我来说这个例子很有用。

我在这里留下了 Stackblitz 演示的链接，以防有人发现它有用：

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