我們如何在沒有Bootstrap樣式的情況下對angularjs使用分頁

Question

我在分頁中使用Angularjs，但我不希望Boostrap樣式用於分頁模板嗎？

我嘗試使用模板分頁在angularjs的dirPagination.js中編輯這些函數，但是似乎沒有任何人有使用angularjs進行分頁的示例，但不需要引導樣式。

function dirPaginationControlsTemplateInstaller($templateCache) {
        $templateCache.put('angularUtils.directives.dirPagination.template', '<div class="col-md-12"><ul class="pagination"><li ng-if="boundaryLinks" ng-class="{page-item disabled : pagination.current == 1 }"></li><li ng-if="directionLinks" ng-class="{page-item disabled : pagination.current == 1 }"><a class="page-link" href="" ng-click="setCurrent(pagination.current - 1)"  aria-label="Previous"><span class="sr-only">&laquo; Prev</span><span aria-hidden="true">Previous</span></a></li><li ng-repeat="pageNumber in pages track by $index" ng-class="{page-item active : pagination.current == pageNumber, disabled : pageNumber == \'...\' }"><a class="page-link" href="" ng-click="setCurrent(pageNumber)">{{ pageNumber }}</a></li><li ng-if="directionLinks" ng-class="{page-item disabled : pagination.current == pagination.last }"><a class="page-link" href="" ng-click="setCurrent(pagination.current + 1)" aria-label="Next"><span aria-hidden="true">Next &raquo;</span><span class="sr-only">Next</span></a></li><li ng-if="boundaryLinks"  ng-class="{page-item disabled : pagination.current == pagination.last }"></li></ul></div>');
    }

Answer 1

您可以自定義分頁器視圖文件以不使用默認的引導程序樣式。 在這里查看文檔：

https://laravel.com/docs/5.5/pagination#customizing-the-pagination-view

將視圖文件傳遞給links方法以及您需要傳遞的所有數據：

{{ $paginator->links('view.name', ['foo' => 'bar']) }}