dir-la pagination de la directive angularjs : est-il possible que je puisse obtenir tous les enregistrements de la page en cours dans la pagination?

Je suis en utilisant dir-la pagination par la directive @michaelbromley. Je veux obtenir tous les enregistrements sur la page de la directive. Est-il possible de faire cela?

Voici le lien: dir-pagination, j'ai donc besoin d'une collection de 5 records de 100 à 96. Est-il un moyen rapide de le faire?

J'ai essayé plusieurs choses mais pas de travail.

plnkr plnkr.co/modifier/gJbMTzWQX0g5ClKcINqJ?p=preview
essayez ceci : plnkr.co/modifier/7OfKd7xbRHkzFIPlpWS7?p=preview
Voulez-vous obtenir ces 5 dossiers sur cliquez sur le bouton?
Oui! Si c'est possible

OriginalL'auteur Samir Shah | 2015-04-24

1

Ici est une autre façon de faire, qui ne vous oblige pas à reproduire la logique de la dir-paginate expression:

De répétition pour chaque élément, vous avez juste à pousser cet élément dans un tableau dans votre contrôleur. Bien sûr, ce vous donnons tous les éléments pour cette page.

Voici un exemple:
```
<ul>
   <li dir-paginate="meal in perman  = ( meals | filter:q ) | orderBy: order?'key':'-key' | itemsPerPage: pageSize" current-page="currentPage" ng-init="addMeal(meal)">{{ meal.key + ': ' +meal.val }}</li>
</ul>
```
Puis dans le contrôleur:
```
$scope.addMeal = function(meal) {
  if (meal) {
    if ($scope.page.length === $scope.pageSize + 1) {
      $scope.page = [];
    }
    $scope.page.push(meal);
  }
}
```
Je n'ai pas entièrement testé, mais le principe général devrait fonctionner. C'est un peu hacky à mon avis, mais il est bon de savoir comme une alternative à la réponse fournie par Rathish.

Michael merci pour la réponse. Est-il possible que je peux obtenir la page en cours d'index dans mon contrôleur. les moyens sur la page où je suis actuellement.
Lors de l'utilisation d'un filtre de requête, de dactylographie et reculer à plusieurs reprises, il est possible de tromper ce en perdre la trace de la page en cours. Il n'est pas utile lors de l'utilisation du dir-paginer et de filtrage dans le même temps. Dans mon cas, si j'ai tapé à plusieurs reprises et supprimé u, la page de sortir de la synchronisation.

OriginalL'auteur Michael Bromley
4

Je suis tombé sur cette même question, mais les réponses ici de ne pas répondre à mes besoins (ou peut-être veut). J'ai décidé de résoudre moi-même, et se sont installés sur la création d'un filtre dont le seul but est d'enregistrer les éléments de passage dans une propriété donnée sur une cible donnée. Je suis venu avec cette:
```
/**
 * Author: Eric Ferreira <http://stackoverflow.com/users/2954747/eric-ferreira> ©2015
 *
 * This filter will sit in the filter sequence, and its sole purpose is to record 
 * the current contents to the given property on the target object. It is sort of
 * like the 'tee' command in *nix cli.
 */
angular.module('app').filter('record', function() {
    return function(array, property, target) {
        if (target && property) {
            target[property] = array;
        }
        return array;
    }
});
```
Puis vous utilisez le filtre de votre pagination (ou n'importe où vous voulez obtenir la matrice en cours en fait [pense, après filtrage avec une requête de recherche, après la pagination, après filtrage de la page actuelle, et cetera]) comme suit:
```
<div dir-paginate="item in items | itemsPerPage:pageSize | record:'currentPage':this">{{item.text}}</div>
```
Vous pouvez également l'utiliser plusieurs fois dans une séquence:
```
<div dir-paginate="item in items | filter:searchQuery | record:'filtered':this | itemsPerPage:pageSize | record:'currentPage':this">{{item.text}}</div>
```
Ci-dessus serait d'enregistrer la page en cours et de tous les dossiers ont résulté de l'application du filtre de requête.

Cela permettra d'enregistrement (et de mettre à jour à chaque changement) de la page en cours dans $scope.currentPage. Le this dans l'exemple ci-dessus est la cible du filtre. Il se résout à $scope.this qui, pour la plupart des fins, est juste $scope.

Dans votre cas particulier, vous pouvez utiliser cette ligne (après l'ajout/demander le filtre de votre module) à la place de votre pagination:
```
<li dir-paginate="meal in perman  = ( meals | filter:q ) | orderBy: order?'key':'-key' | itemsPerPage: pageSize | record:'currentPage':this">{{ meal.key + ': ' +meal.val }}</li>
```
Je suis allé de l'avant et fourche votre plunker pour montrer qu'il travaille trop:

http://plnkr.co/edit/uC3RiC?p=preview

Comment cet enregistrement si un élément n'est pas autorisé à travers le filtre? Est target être en quelque sorte le reset?
Cette enregistre uniquement les éléments qui l'atteindre, donc il ne serait pas sauver quoi que ce soit filtré par un filtre précédent. Si vous souhaitez enregistrer la liste avant d'un filtre donné, il suffit de mettre ceci avant l'autre filtre dans la liste des filtres.
en fait ce que je faisait allusion a été le fait que les filtres fréquemment processus. Simplement en regardant le code, je pense que lorsque les filtres redémarrer, et moins de résultats que la précédente exécution qu'il ne serait pas supprimer le manque de résultats de sorte que vous vous retrouvez avec plus que vous pensez sont visibles.
Bien qu'il n'a pas rendu progressivement; il efface la référence précédente à chaque fois qu'il est appelé. Donc il ne serait pas sortir de la synchronisation avec les valeurs réelles.
C'est une excellente idée @EricF !

OriginalL'auteur Eric F.

-1

Vous pouvez utiliser la tranche de tableau de la méthode, car vous avez déjà accès à la vaste gamme, de savoir quel numéro de page vous êtes sur la connaître le nombre d'éléments par page. Vous pouvez réutiliser le getPage fonction dans le code ci-dessous pour atteindre cet objectif.

app.js

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.currentPage = 1;
  $scope.pageSize = 5;
  var meals = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];

  function getPage(currentPage, pageSize, arr, reverse) {  
    var beginIndex, endIndex, noOfPages;

    if(reverse) {
       beginIndex = arr.length - currentPage * pageSize;  
    } else {
      beginIndex = currentPage * pageSize - pageSize;
    }

    endIndex = beginIndex + pageSize;
    beginIndex = beginIndex < 0 ? 0 : beginIndex;
    return arr.slice(beginIndex, endIndex);
  }

  //This will return the 5 elements in page 1 of meals array which will be meals 11 to 15 since the array is bound to the pagination directive in the reverse (desc) order
  $scope.firstFiveArrRev = getPage($scope.currentPage, $scope.pageSize, meals, true);

  //This will return the 5 elements in page 1 of meals array which will be meals 1 to 5 since the array is bound to the pagination directive in ascending order
  $scope.firstFiveArr = getPage($scope.currentPage, $scope.pageSize, meals, false);
});

index.html

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="[email protected]" src="https://code.angularjs.org/1.4.0-rc.0/angular.js" data-semver="1.4.0-rc.0"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    Displaying elements from page number {{currentPage}}
    <br />
    Page size is set to {{pageSize}}
    <br />
    When order is Reverse: true
    <div>{{ firstFiveArrRev.toString() }}</div>

    When order is Reverse: false
    <div>{{ firstFiveArr.toString() }}</div>
  </body>

</html>

Ici est la plnkr

http://plnkr.co/edit/CgH1WFR1JvOLmQsacVoI?p=preview

Merci pour la solution, j'ai aussi eu la même chose, mais je veux savoir si il y a de tout droit vers l'avant de façon à obtenir la page en cours les dossiers dir-la pagination de la directive.
C'est embêtant quand aussi à l'aide d'un filtre

OriginalL'auteur Rathish Cholarajan

-1

Télécharger dirPagination.js à partir d'ici.
Comprennent maintenant dirPagination.js à votre page.
Ajouter angularUtils.les directives.dirPagination dans votre module de cette

var app = angular.module("myApp",['angularUtils.directives.dirPagination']);

Nous utilisons dir-paginate directive pour la pagination ,ajouter dir-paginate dans tr tag

<tr dir-paginate="event in events|orderBy:['columnid', 't']:true | itemsPerPage: 5">

Ajouter ci-dessous code donné n'importe où sur votre page ou où vous le voulez.

<dir-pagination-controls
                max-size="5"
                direction-links="true"
                boundary-links="true" >
</dir-pagination-controls>

OriginalL'auteur Sahil Saini

Vous devez vous connecter pour publier un commentaire.