Question

<nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item"><a class="page-link" href="#">Previous</a></li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item"><a class="page-link" href="#">Next</a></li>
  </ul>
</nav>

我是新手，请帮忙...

我想在自定义分页组件上使用上面的引导分页代码以及当我在另一个组件html中将分页组件用作

时

（app-paginate [somedata] =“ somevalue”和事件> _______（/ app-paginate>

应该可以...

注意：我已经使用过ngx-bootstrap分页，所以请不要提供该答案，我想创建自己的分页组件。

对不起，我英语不好..

谢谢

Answer 1

如果您知道ngx-bootstrap并且喜欢它们的组件，但想要换一个外观，则可以在github上检查其implementation的分页组件，然后适应您的情况。

以下是上一个按钮的自定义版本的示例，其打字稿代码大致相同：

data

如何在angular 2+中创建自定义分页？

1 个答案: