angular dirpagination - get current page

Question

I use dirpagination in my angular app to have pagination for my search results. I'm trying to create a dynamic title for the page based on search words and selected page.

<h2 class="page-title">{{app.set_page_title()}} - page {{app.pagination.current}}</h2>

The problem is I can't get the current page from dirpagination. Any idea how to do it?

Update:

  <div class="search-item"
       dir-paginate="item in app.get_results() | itemsPerPage: app.items_per_page">
    <div class="item">
      Lorem ipsum item
    </div>
  </div>
  <div class="pull-left pagination-controls">
    <dir-pagination-controls></dir-pagination-controls>
  </div>

And this is my app structure:

angular.module('searchApp',
               ['ngRoute','angularUtils.directives.dirPagination'])
  .controller('searchController', function($scope, $rootScope, $location) {
    var app = this;

    app.set_page_title = function() {
      // Set the page title
      return "Bla bla";
    }

  });

Can you add more code of the template? Is this library for angularjs or angular? is this? https://github.com/michaelbromley/angularUtils/tree/master/src/directives/pagination — Jota.Toledo, Jun 07 '17 at 12:10
I checked better the example here: http://plnkr.co/edit/Wtkv71LIqUR4OhzhgpqL?p=preview :) — GhitaB, Jun 07 '17 at 12:30

score 2 · Accepted Answer · answered Jun 07 '17 at 12:29

Solved with: - in my controller:

app.current_page = 1;

and then in my template:

<h2 class="page-title">{{app.set_page_title()}} - page {{app.current_page}}</h2>

<div class="search-item" dir-paginate="item in app.get_results() | itemsPerPage: app.items_per_page" current-page="app.current_page">

angular dirpagination - get current page

1 Answers1