在ngx分页中可以不使用省略号吗？

Question

我正在使用ngx分页包并尝试实现以下内容：

​

​

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

​

​

我的HTML：

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

我的CSS：

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

• 你知道能否在不同的项目之间留出更多的空间吗？从而增加组件的宽度。
• 在可用宽度更多的情况下，显示更多的数字而不是省略号(...)。
• 在数字之间显示一个点(如子弹)。为此，我找到了这。但效果不佳，它显示了数字下面的点。只适用于当前号码。见下文：

​

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

Answer 1

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

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

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