表分页角度2

Question

我一直在尝试为我的html表在angular 2中实现表分页，但对我来说不起作用。 尽管我已将脚本包含在我的angular-cli.json文件中。 我做错了吗？

  <script>

            $(document).ready(function() {
                $('#foodTable').DataTable();
            } );


        </script>

        <script src="../foodlist/js/pagination1.js"></script>
        <script src="../foodlist/js/pagination2.js"></script>
        <script src="../foodlist/js/pagination3.js"></script>

<table  class="table" id="foodTable"  >
</table>

Answer 1

您不应该使用jQuery或加载任何这些JavaScript文件。 您可以使用angular本身来完成所有这些工作，这里有很多很棒的模块，可以使用出色的文档进行分页。

http://valor-software.com/ng2-table/

http://michaelbromley.github.io/ng2-pagination/#/

这两个在许多应用程序中都有使用，并且有大量的文档。