locked
dirPagination.js need to use from link. Bootstrap+angularjs RRS feed

  • Question

  • User-1609546788 posted

    Hello,

    Currentlly i have copied(hardcoed in project) and using dirPagination.js for paging purpose.Is it fine?

    Do i need to use from link? how?

    Monday, July 8, 2019 5:48 AM

Answers

  • User839733648 posted

    Hi andry18,

    andry18

    Currentlly i have copied(hardcoed in project) and using dirPagination.js for paging purpose.Is it fine?

    Do i need to use from link? how?

    dirPagination.js is a truly plug-n-play - no need to do any set-up or logic in your controller.

    Just add an attribute, drop in your navigation wherever you like, and boom - instant, full-featured pagination.

    It could work well with angularjs and bootstrap.

    You could learn about it from: https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination 

    You could just download and add the reference in your code. Then follow the tutorial to use it.

    <head>
      <link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
      <script data-require="angular.js@1.3.0" data-semver="1.3.0" src="https://code.angularjs.org/1.3.0/angular.js"></script>
      <script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
      <script data-require="bootstrap@3.1.1" data-semver="3.1.1" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
      <script src="https://rawgit.com/michaelbromley/angularUtils-pagination/master/dirPagination.js"></script>
    </head>

    And here is a live demo: http://next.plnkr.co/edit/Wtkv71LIqUR4OhzhgpqL?p=preview&preview

    Best Regards,

    Jenifer

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Tuesday, July 9, 2019 3:10 AM